/*  
Theme Name: Educacion y Medios
Theme URI: http://www.educacionymedios.com
Description: Theme created for Educacion y Medios.
Version: 1.0
Author: Pablo Reyes
Author URI: http://www.puerta121.com/
*/

body, h1,h2,h3,h4,h5,h6,address, blockquote, dd, dl, hr, p, form{margin:0; padding:0;}

body { margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-align:center; vertical-align:top; background: url(img/bg_tile.jpg) #ffffff; color:#222222;}

a:link, a:visited{text-decoration:none; color:#468c7f; outline:none;}
a:hover{text-decoration:underline; outline:none;}

p{padding:10px 0 0 0; font-size:0.75em; color:#333333;}

h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; padding:0 0 10px 0;}
h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; font-weight:normal;}
h3{font-size:0.625em; font-weight:normal;}
h4{color:#666; font-size:0.7em; font-weight:normal;}/* <----- Format for dates*/

#wrapper{margin:0 auto 0 auto; width:960px; text-align:left;}

/******************************************************************************
HEADER
******************************************************************************/
#header{float:left; width:938px; height:128px; background:#252525; padding:10px; border:1px solid #87837c;}

#header #header_nav {text-align:right; width:100%; height:10px;}
#header #header_nav ul{list-style-type:none; margin:0; padding:0}
#header #header_nav ul li{float:right; padding: 0 5px 0 0;}
#header #header_nav ul li a:link, #header #header_nav ul li a:visited{font-size:0.625em; font-stretch:expanded; color:#ebebeb;}
#header #header_nav ul li a:hover{text-decoration:underline;}

#header #logo a{height:78px; width:303px; background:url(img/logo.png) no-repeat; display:block; }
#header #logo a:hover{background:url(img/logo.png) -304px 0 no-repeat}
#header #logo h1{text-indent:-2000px;}

#header #slogan p{color:#adcdb7; width:100%; text-align:right; font-size:0.875em; text-transform:uppercase;}

/******************************************************************************
MAIN & SEC NAV 
******************************************************************************/
#main_nav{float:left; width:958px; height:98px; background:#69796c; border-left:1px solid #595750; border-top:1px solid #69796c;border-right:1px solid #595750; border-bottom:1px solid #595750; margin:0; text-align:left; color:#f5f5f5;}

#main_nav ul, #sec_nav ul{list-style-type:none; margin:0; padding:0;}
#main_nav ul li, #sec_nav ul li{float:left;padding:0 1px 0 0;}

#main_nav ul li#qs a:link, #main_nav ul li#qs a:visited{width:238px; height:98px; background:url(img/sprites_nav/qs.png) no-repeat; display:block;}
#main_nav ul li#qs a:hover  {background: url(img/sprites_nav/qs.png) -238px 0 no-repeat; text-decoration:none;}  

#main_nav ul li#productos a:link, #main_nav ul li#productos a:visited{width:238px; height:98px; background:url(img/sprites_nav/servicios.png) no-repeat; display:block;}
#main_nav ul li#productos a:hover  {background: url(img/sprites_nav/servicios.png) -238px 0 no-repeat; text-decoration:none;}

#main_nav ul li#clientes a:link, #main_nav ul li#clientes a:visited{width:238px; height:98px; background:url(img/sprites_nav/portafolio.png) no-repeat; display:block;}
#main_nav ul li#clientes a:hover  {background: url(img/sprites_nav/portafolio.png) -238px 0 no-repeat; text-decoration:none;}

#main_nav ul li#contacto a:link, #main_nav ul li#contacto a:visited{width:238px; height:98px; background:url(img/sprites_nav/contacto.png) no-repeat; display:block;}
#main_nav ul li#contacto a:hover  {background: url(img/sprites_nav/contacto.png) -238px 0 no-repeat; text-decoration:none;}

#main_nav ul li h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:0.875em; color:#f5f5f5; text-transform:uppercase; text-indent:43px; padding-top:10px;}
#main_nav ul li p{font-size:0.625em; color:#c2c2c2; width:190px; height:60px; margin:-7px 0 0 43px; clear:both;}


/*Secondary Nav*/
#sec_nav{float:left; width:958px; height:48px; background:#69796c; border-left:1px solid #595750; border-top:1px solid #69796c;border-right:1px solid #595750; border-bottom:1px solid #595750; margin:0; text-align:left;}

#sec_nav ul li#qs a:link, #sec_nav ul li#qs a:visited{width:238px; height:48px; background:url(img/sprites_nav/qs.png) no-repeat; display:block;}
#sec_nav ul li#qs a:hover  {background: url(img/sprites_nav/qs.png) -239px 0 no-repeat; text-decoration:none;}  

#sec_nav ul li#productos a:link, #sec_nav ul li#productos a:visited{width:238px; height:48px; background:url(img/sprites_nav/servicios.png) no-repeat; display:block;}
#sec_nav ul li#productos a:hover  {background: url(img/sprites_nav/servicios.png) -239px 0 no-repeat; text-decoration:none;}

#sec_nav ul li#clientes a:link, #sec_nav ul li#clientes a:visited{width:238px; height:48px; background:url(img/sprites_nav/portafolio.png) no-repeat; display:block;}
#sec_nav ul li#clientes a:hover  {background: url(img/sprites_nav/portafolio.png) -239px 0 no-repeat; text-decoration:none;}

#sec_nav ul li#contacto a:link, #sec_nav ul li#contacto a:visited{width:238px; height:48px; background:url(img/sprites_nav/contacto.png) no-repeat; display:block;}
#sec_nav ul li#contacto a:hover  {background: url(img/sprites_nav/contacto.png) -239px 0 no-repeat; text-decoration:none;}

#sec_nav ul li h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:0.875em; color:#f5f5f5; text-transform:uppercase; text-indent:43px; padding-top:10px;}

/******************************************************************************
CONTAINER
******************************************************************************/
#container{float:left; width:960px; height:auto; background:#ffffff url(img/content-bg.png) repeat-x top;}

/******************************************************************************
Home format
******************************************************************************/
#news{width:459px; margin-top:10px; padding:0 10px 10px 10px; background:#fff; float:left; border-right:#acacac 1px solid;}
#featured{width:461px; margin-top:10px; padding:0 0 10px 10px; background:#fff; float:left;}
#news h2#icon_news{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/h2-news.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#featured h2#icon_feat{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/h2-featured.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}

.post-news{padding:10px 0 10px 0; clear:both;}
.post-news h2 a:link, .post-news h2 a:visited {color:#f7941d;}
.post-news h2 a:hover{text-decoration:underline;}
.post-news .entry-news{line-height:1.125em;}
.post-news .more h3{font-size:0.625em; color:468c7f;}

.post-featured{width:220px; height:415px; padding:10px 5px 10px 0; float:left}
.post-featured h2 a:link, .post-featured h2 a:visited {color:#f7941d;}
.post-featured h2 a:hover{text-decoration:underline;}
.post-featured .entry-featured{line-height:1.125em;}
.post-news h3 a:link, .post-news h3 a:visited { color:#97b09b;}
.post-news h3 a:hover{text-decoration:underline;}
/*Format for Home Page featured images*/
#featured img(padding:5px;)
#featured img, #featured img a{margin:0 auto 0 auto; background-color:#c2c2c2; max-width:209px; max-height:100px; border:1px solid #97b09b;}
#news img{padding:5px;}
#news img, #news img a, .post-news img a:link, .post-news img a:hover {margin:0 auto 0 auto; background-color:#c2c2c2; border:1px solid #97b09b; padding:3px;}
.more-news{width:449px; margin:20px 20px 0 10px; border-top:#CCCCCC 1px solid; padding:0 0 10px 0; text-align:right; float:left;}
.more-porta{width:459px; margin:20px 10px 0 0; border-top:#CCCCCC 1px solid; padding:0 0 10px 0; text-align:right; float:right;}
/******************************************************************************
PAGES FORMAT
******************************************************************************/
#top-content{width:960px; padding:10px 0 0 10px;}
#top-content h2#icon_about{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/nav01.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2.icon_contacto{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/nav04.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
/*H2 Icons for Services*/
#top-content h2#icon_s01{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/01.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2#icon_s02{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/02.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2#icon_s03{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/03.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2#icon_s04{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/04.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2#icon_s05{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/05.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2#icon_s06{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/06.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2#icon_s07{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/07.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2#icon_s08{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/08.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2#icon_s09{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/09.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2#icon_s10{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/10.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2#icon_s11{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/11.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#top-content h2#icon_s12{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/12.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}

#top-content .entry{line-height:1.125em; width:460px; float:left; padding-right:10px;}
#top-content .contact_form{line-height:1.125em; width:420px; float:left; padding:0 0 0 60px;}
#top-content img{text-align:right;}

/*Format for img on services*/
#servicios {width:960px; height:75px; clear:both; margin:0; padding:0; background-color:#d0cdc0;}
#servicios h2#icon_services{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/nav02.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em; padding-top:5px; margin-left:10px;}
#servicios img{margin:0; padding:0 20px 0 10px;cursor:pointer; float:left;}

.navigation {font-size:0.7em; text-align:left;}
.navigation a:link , #single .navigation a:visited {color:#f7941d;}
.navigation a:hover{text-decoration:underline;}

#bottom-content{width:960px; height:100px; clear:both; background:#d0cdc0 url(img/content2-bg.png) repeat-x top; margin:0;}
/*Format for links on about*/
#bottom-content ul li p{width:190px; height:40px; margin:0 0 0 43px; clear:both; }
#bottom-content ul li#qs_01 a{color:#252525; width:240px; height:100px; padding:0; display:block; background:#d0cdc0 url(img/sprites_qs/qs01.png);}
#bottom-content ul li#qs_01 a:hover{background-color:#252525; background: url(img/sprites_qs/qs01.png) -240px 0 no-repeat; color:#e8e8e8; text-decoration:none;}
#bottom-content ul li#qs_02 a{color:#252525; width:240px; height:100px; padding:0; display:block; background:#d0cdc0 url(img/sprites_qs/qs02.png);}
#bottom-content ul li#qs_02 a:hover{background-color:#252525; background: url(img/sprites_qs/qs02.png) -240px 0 no-repeat; color:#e8e8e8; text-decoration:none;}
#bottom-content ul li#qs_03 a{color:#252525; width:240px; height:100px; padding:0; display:block; background:#d0cdc0 url(img/sprites_qs/qs03.png);}
#bottom-content ul li#qs_03 a:hover {background-color:#252525; background: url(img/sprites_qs/qs03.png) -240px 0 no-repeat; color:#e8e8e8; text-decoration:none;}
#bottom-content ul li#qs_04 a{color:#252525; width:240px; height:100px; padding:0; display:block; background:#d0cdc0 url(img/sprites_qs/qs04.png);}
#bottom-content ul li#qs_04 a:hover{background-color:#252525; background: url(img/sprites_qs/qs04.png) -240px 0 no-repeat; color:#e8e8e8; text-decoration:none;}
#bottom-content ul li a:link p{color:#252525;}
#bottom-content ul li a:hover p{color:#ffffff;}

#bottom-content ul li h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:0.875em; text-transform:uppercase; text-indent:43px; padding-top:10px;}

#bottom-content ul{list-style-type:none; margin:0; padding:0;}
#bottom-content ul li{width:240px; float:left;}
/******************************************************************************
SIDEBAR
******************************************************************************/
#sidebar {width:290px; margin-top:10px; padding: 10px 10px 10px 0; float:right;}
#sidebar h2{color:#f7941d}
#sidebar a{color:#252525;}
#sidebar a:hover{color:#999999;}
#sidebar ul{list-style-type:none; margin:0; padding:0 10px 0 10px;}
#sidebar ul li{padding:10px 0 5px 0; border-bottom: 1px solid #acacac; font-color:#333333; font-size:0.75em;}

/******************************************************************************
FOOTER FORMAT
******************************************************************************/
#footer{float:left; width:960px; clear:both; padding:10px 0 20px 0; text-align:center;}
#footer a:link, #footer a:visited{color:#333; font-stretch:expanded; border:none;}
#footer a:hover{text-decoration:underline; border:none;}
#footer img {border:none;}
#footer p{line-height:1.125em; font-size:0.625em; color:#666;}

/******************************************************************************
SINGLES FORMAT
******************************************************************************/
#single{width:620px; margin-top:10px; padding:0 10px 0 10px; border-right:#acacac 1px solid; float:left;}
#single h2#icon_news{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/h2-news.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#single h2#icon_porta{font-family:Georgia, "Times New Roman", Times, serif; background:url(img/icons/h2-featured.png) left no-repeat; color:#464646; text-indent:18px; text-transform:uppercase; font-size:0.875em;}
#single h2{color:#f7941d}
#single h2 a:link, #single h2 a:visited {color:#f7941d;}
#single h2 a:hover{text-decoration:underline;}
#single .post{padding:10px 0 10px 0;}
#single .entry{line-height:1.125em; padding-bottom:20px;}
/*#single ul li{}*/
#single ul{list-style:url(img/bullet.png); margin-left:10px; padding:0 5px 0 5px;}
#single ul li{padding:5px 0 0 0;}
#single ul ul li{padding:0; font-size:0.75em;}
#single .share{border-top:#CCCCCC 1px solid; padding:5px 0 10px 0;}
#single .share .addthis_button_facebook, #single .share .addthis_button_email, #single .share .addthis_button_favorites, #single .share .addthis_button_print, #single .share .addthis_button_expanded{float:left; padding:0 2px;}

/* Images  */
/*p img {padding: 0; max-width:350px;}*/
.alignright {float: right; padding-left:5px;}
.alignleft {float: left; padding-right:5px;}
img.centered {padding:5px; display:block; background-color:#c2c2c2; border:1px solid #97b09b; margin-left: auto; margin-right: auto;}
img.alignright {padding: 5px; margin: 0 0 2px 7px; display: inline; background-color:#c2c2c2; border:1px solid #97b09b;}
img.alignleft {padding: 5px; margin: 0 7px 2px 0; display: inline; background-color:#c2c2c2; border:1px solid #97b09b;}


/*FORMS*/
form{font-size:0.75em; color:#333333; margin-top:10px;}
#wpcf label{clear: both; display: block; float: left; width: 150px;}
#wpcf input { float: left; width: 200px; padding: 1px; margin: 2px 5px 2px 0; border: 1px solid #97b09b;}
#wpcf textarea {width: 350px; height:100px; padding: 1px; margin: 0 5px 5px 0;border: 1px solid #97b09b;}
#wpcf #contactsubmit {margin:0 0 20px 250px;; width: 100px; }

/*BREADCRUMBS*/
.breadcrumb {font-size:0.75em; margin:10px 0 0 10px;}