/*
Theme Name: Mi pago 2015
Theme URI: http://www.uv.mx/mipago/
Description: Pagos en línea UV 2015
Author: Simon
Version: 1.0
License: GNU General Public License
License URI: Puede utilizarlo tanto en lo personal como comercialmente, es libre de editarlo a su gusto sin necesidad de referenciar al autor.
License: GNU General Public License
Tags: menu, pagina
*/

/* = ESTILOS GENERALES
-------------------------------------------------------------- */
@import url("reset.css"); 
.flexslider .slides img {height:22.7em;}


.gss-info{ width:100% !important; background:#003068 !important;
 border-radius:5px;
 color:#fff !important; font-size:0.95em !important;  }
 .gss-info { width: 100% !important; background: #003068!important;  }
.cycle-carousel-wrap img{ background:#003068 !important; padding:1px; border-radius:5px;}
.no-captions .gss-nav{ background:none !important;}
.gss-pager .cycle-pager-active, .gss-pager .cycle-pager-active:hover{ background:#28ad56 !important;}
.gss-pager{ display:none;}


body{ padding:0; margin:0; color:#036; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:16px;
-webkit-font-smoothing: none; /* Looks very thin and awful */
-webkit-font-smoothing: subpixel-antialiased; /* It is the default and looks bolder */
-webkit-font-smoothing: antialiased; /* Looks pretty much the same than Windows */
}

a{
	color: #333;

}
a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #222;
}

a:hover {
	color: #222;
	text-decoration: underline;
}

a:active {
	color: #222;
}

nav a#pull {display: none;}

/* Text
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;}

img {  border:0; }
#wrapper {	margin: 0 auto;	max-width:1259px;}

/* =ESTILOS PARA EL HEADER
-------------------------------------------------------------- */
.menusuperior{ float:right; overflow:hidden; display:block !important; }
.menusuperior li{ float:left; padding:0; margin:0 5px;}
.menusuperior a{ color:#036; font-size:0.8em;}
.contenedormenubuscar span{ font-size:0.95em;  clear:both;          }
#header span{  padding-top:10px; float:left; }
#header span a{ color:#fff; background:#003068; padding:5px;}
#header div{  text-align:center; display:none; }
#header a:hover{ text-decoration:none;}
#header h1{ font-size:2.45em; padding: 0; font-weight:400 !important; }
#header h1 a{ color:#036 !important;}

#header figure{ margin:0 0% 0.25% 0%; padding:0;  text-align:center; clear:both;  }
#header figure img{ max-width:100%; display:block; padding-bottom:5px; margin:0 auto; text-align:center; }

.contenedormenubuscar{background:#003068; color:#fff; overflow:hidden;}
.contenedormenubuscar #Ingresar{ border-left:1px #fff solid; float:right; width:23%; background:#28ad56; overflow:hidden; text-align:center; font-size:18px; font-weight:700; padding:11px 0;  }
.contenedormenubuscar #Ingresar a{ background:url(images/salir-A.png) no-repeat right;  padding:5px 40px 5px 5px; color:#036;}
#MenuTop{overflow:hidden;   float:left; width:75.35%; } 

#iframe-miuv {
  position: absolute; margin-top:10px;
  z-index: 999;
  display: none;
  width: 288px;
  border: 1px solid #006633;
  
  background-color: #FFF; overflow:hidden;
}
#iframe-miuv iframe {
  width: 100%;
  height: 200px;
}

#MenuTop li{ display:inline;font-size:1.05em;  margin:5px 0; display:block; text-align:center;  float:left;  }
#MenuTop li a{ padding:4px 19px 4px 19px;  color:#fff !important; text-decoration:none; display:block;   border-right:2px #28ad26 solid;    }
#MenuTop li.current-menu-item, #MenuTop li.current-menu-parent { border-bottom:3px #28ad26 solid !important; margin-bottom:-3px;  }
#MenuTop li:hover{ border-bottom:3px #28ad26 solid !important; margin-bottom:-3px; }
#MenuTop .chat{ padding:4px 19px 4px 19px; }
#MenuTop .chat img{padding:4px 0;}
#MenuTop .chat:hover{ border-bottom:none;}
/* =ESTILOS PARA EL AREA DE CONTENIDOS ( CONTENT-SIDEBAR )
-------------------------------------------------------------- */
#Slider{ width:100%; }

#main { clear:both; }
#main .main-content {width: 100%; clear:both;}
.home  #content{ margin-bottom:10px;}
#content {/*	width: 530px;*/	width:100%; }
#content h1{margin:1% 7%;}
#ContenedorHome{   width:100%; margin:2% auto 2%; overflow:hidden; }

#ContenedorHome img{ max-width:100%;}
#ContenedorHome .Destacadas{  width:100%;   }
.slides h4{ background:#EECD98; padding:5px; margin:0;font-size:1.1em;}

.cartelhome{ width:26%; float:left; margin-top:45px; }
.contentwidgetshome{ overflow:hidden; clear:both; width:74%;  float:left;  }
.contentwidgetshome a{ color:#fff;}
.contentwidgetshome .menu{ margin-top:2px; }

.columna1{ /*float:left; width:22.7%;width:73%;*/  color:#fff;  padding:0; margin:0 20px 0 0;  overflow:hidden;}


.columna1 li{ width:270px;width:30.5%;background:#003068;  color:#fff; float:left; text-align:center; padding:0; margin:0 20px 20px 0;overflow:hidden; display:block;}

.columna1 .widget_sp_image, .columna2 .widget_sp_image
.widget_sp_image{ width:270px;width:22.5%;background:#003068; margin-bottom:20px; margin-right:20px; float:left; }
.columna1 .widget_sp_image img, .columna2 .widget_sp_image img{ padding:20px 0; }

.columna1 .widget_sp_image-description{font-size:1.17em; background:#B33100; padding-bottom:5px; text-align:left; overflow:hidden;} 
.columna1 .count2 .widget_sp_image-description{ background:#930 !important;}
.columna1 .count2 { border-top:5px #930 solid;}
.columna1 .count3 .widget_sp_image-description{ background:#c60 !important;}
.columna1 .count3 { border-top:5px #c60 solid;}

.columna2 .widget_sp_image-description{font-size:20px; background:#00309E; padding-bottom:5px; text-align:left;overflow:hidden;}
.columna2 .count2 .widget_sp_image-description{ background:#039 !important;}
.columna2 .count2 { border-top:5px #039 solid;}
.columna2 .count3 .widget_sp_image-description{ background:#069 !important;}
.columna2 .count3 { border-top:5px #069 solid;}
.columna2 .count4 .widget_sp_image-description{ background:#39c !important;}
.columna2 .count4 { border-top:5px #39c solid;}


.columna1 .widget_sp_image-description ul, 
.columna1 .widget_sp_image-description li,
.columna2 .widget_sp_image-description ul, 
.columna2 .widget_sp_image-description li{ padding:0; margin:0; list-style-type:disc !important; list-style:disc !important; 
background:none; width:auto !important; color:#fff;  margin-left:15px; padding:2px 0 2px 0; }

.columna1 h3{ color:#BA2C04; font-size:2em; /*border-bottom:7px #F5D7CD solid;*/ margin-bottom:5px;clear:both; }
.contentwidgetshome .menu-image-hover-wrapper{  display:block; overflow:hidden; padding:21px 0 !important;  }

.contentwidgetshome .menu-image-title{  background:#B33100; /*padding:1.07em;*/  
display: table; width:100% !important; padding:1px 0.75em;  height:50px; display: table-cell;vertical-align: middle; overflow:hidden; font-size:1.2em;}



.columna2{/* float:left; width:73%;*/ color:#fff; padding:0; margin:0 20px 0 0;overflow:hidden;}
.columna2 li{width:270px;width:30.5%;  float:left; background:#003068;  color:#fff; text-align:center; padding:0; margin:0 20px 20px 0;overflow:hidden; display:block;}



.columna2 h3{ color:#084097; font-size:2em; /*border-bottom:7px #CCD8EE solid;*/ width:100%; margin-bottom:5px; clear:both;  }
.archive #content .posts, .search-results #content .posts {
    float: left !important;
    height: auto !important;
    margin: 0;
	height: auto !important;
    min-height: 260px;
    padding: 0 1% 1% !important;
    width: 31.2% !important;
}
.archive #content .posts img, .search-results #content .posts img{ max-width:100%;}




/*----- post -----*/
#content .posts { margin:0 0.5%; max-width:99%; width:99%; padding:0 1.5%;  }

/*.tax-series #content{ float:left !important; width:66.1% !important; }
.tax-series #content  .posts{ height:auto !important; height:240px; min-height:240px;}
*/

.entry-header{ margin:30px 0 0 0; overflow:hidden;  }
.posts .entry-content {	line-height: 18px; font-size:0.95em;	text-decoration: none;
padding-bottom:2%; font-family:Arial, Helvetica, sans-serif !important; }

.entry-content img, 
.wp-caption {
	max-width: 100%;
	height: auto;
}
.entry-content .wp-caption img {
	max-width: 100%;
}
.wp-caption-text {
	color: #000 !important;
	margin: 0  !important;
	text-align: center;
}
* html .posts .entry-titulo mark{ color:#000; }

#content .entry-titulo mark{ background:#fff; 
 font-size:1.5em;  width:100%; }



.posts .entry-titulo h2 a{color:#036 !important;position: relative;font-size: 2em; line-height:1.2em; font-weight:400;   }
.posts .entry-titulo h2 a:hover{ text-decoration:none;}
.posts .entry-content h3,
.posts .entry-content h4,
.posts .entry-content h5{color:#333; font-weight:400;}

.posts .entry-content p strong{ color:#036; /*font-size:1.15em; */}
.posts .entry-content h4{ font-weight:700;}
.posts .entry-content ol{ margin-left:25px; list-style:inside decimal;}
.posts .entry-content li ol{ margin-left:30px; list-style:lower-alpha;   }
.posts .entry-content ul{ padding-left:40px; list-style:disc; }
.posts .entry-content li{ line-height:22px;}
.metaBottom{ float:right; margin-right:2%;}
.metaBottom a, .posts .entry-content a { text-decoration:none; font-weight:400; color:#666; }
.posts .entry-content a:hover { text-decoration:underline;}

table, th, td			{ border: 1px solid #CCC; }
th, thead th			{ font-weight: 700; color: #333; background: #DDD; }
td, tbody td			{ background: #F0F0F0; }

dl  { margin: auto !important; }
/*
dl dt  { color: #666; padding-bottom: 3px; }
dl dd  { margin: 0 0 10px 0; line-height: 1.5em; }*/


/* Navegador de post */
.newer-older{
 overflow:hidden;
	display: block;
	clear: both;
	padding: 4px 0; font-size:0.85em !important;
}
.older{float: left; text-align:left;}
.newer{float: right; text-align:right;}
.newer-older p{
	display: block;
}
.newer-older p a{
	display: block; 
	height: 25px;
	padding: 0 15px;
	text-decoration: none;
	font-weight: bold;
	width:110px;
}
.newer-older p:hover{background:#622082;}


/* =ESTILOS PARA EL SIDEBAR
-------------------------------------------------------------- */

#top-menu{ height:40px; line-height:2em; display:none; }
#top-menu a{ color:#333; text-decoration:none;}
#top-menu a:hover{text-decoration:underline;}
#top-menu ul, #top-menu li{ padding:0; margin:0; list-style:none;}
#top-menu li{ float:left; padding: 2px;}

.MetaDatos{ clear:both; overflow:hidden; margin:0 auto !important; width:98%;}
.MetaDatos h2{ text-align:center; font-size:2em; border-bottom:2px #e5e5e5 solid; margin-bottom:5px;padding: 10px 0 5px 0;}
.MetaDatos h2 a:hover{ text-decoration:none; }

.alignnone {
    margin: 5px 1.5em 1.5em 0;
}
.alignright {
	float: right;
	margin: 0 0 18px 18px !important;
}
.alignleft {
	float: left;
	margin: 0 18px 0px 0 !important;
}
.aligncenter {
	display: block;
	margin: 0 auto !important;
}


/* =ESTILOS PARA LA P?GINA SINGLE
-------------------------------------------------------------- */
/*Parrafos*/
.entry-content P{
	line-height: 20px;
	margin-bottom: 15px;
}

blockquote {
	margin: 0;
	padding: 10px;
	border-radius:15px;
	color: #036 !important;
}

.areas{ margin:5% auto;  clear:both; float:none; overflow:hidden;}
.areas blockquote{  float:left; width:900px;  padding:2em 1.5em; width:55%; float:left;  margin-bottom:2%;
-webkit-box-shadow: 0 5px 2px 1px rgba(221,221,221,1.00);
-moz-box-shadow:    0 5px 2px 1px rgba(221,221,221,1.00);
box-shadow:         0 5px 2px 1px rgba(221,221,221,1.00);
}
.doscolumnas{ width:45%; float:left; margin-left:10px; }
.areas blockquote ul{ padding-left:20px !important ;}
.areas blockquote li{ border-bottom:1px #ccc solid; line-height:1.9em !important; list-style-position:inside; padding-left:20px; }
.areas blockquote li a{ color:#036 !important;}
.areas blockquote li a:hover{ font-weight:700; text-decoration:none !important;}

.areas .alignnone { padding:0 !important; margin:0 !important;  }
.areas .wp-caption { width:280px !important; float:left; margin-top:5% !important;}
.areas .wp-caption img{ display:block; margin:0 auto 25px auto;}
.areas .wp-caption-text {  font-size:24px; padding-bottom:6px; font-weight:700; }

.escolaresc blockquote{ background:#f7efeb; border:1px #930  dotted; }
h2.escolaresc { color:#930; font-size:2.2em; margin-bottom:25px;}
h2.escolaresc a { color:#930 !important;}
.escolaresc em{ font-size:0.75em; font-style:normal;}
.escolaresc .wp-caption-text { color:#930 !important; border-bottom:5px #930 solid;}

.examenc blockquote{ background:#f7efeb; border:1px #c93  dotted; }
h2.examenc { color:#c93; font-size:2.2em; margin-bottom:25px;}
h2.examenc a { color:#c93 !important;}
.examenc em{ font-size:0.75em; font-style:normal;}
.examenc .wp-caption-text { color:#c93 !important; border-bottom:5px #c93 solid;}

.egresadosc blockquote{ background:#fbf3eb; border:1px #c60  dotted; }
h2.egresadosc { color:#c60; font-size:2.2em; margin-bottom:25px;}
h2.egresadosc a { color:#c60 !important;}
.egresadosc em{ font-size:0.75em; font-style:normal;}
.egresadosc .wp-caption-text { color:#c60 !important; border-bottom:5px #c60 solid;}


.saludc blockquote{ background:#ebeff7; border:1px #039  dotted;}
.saludc .wp-caption-text { color:#039 !important; border-bottom:5px #039 solid;}

.eventosc blockquote{ background:#ebf3f7; border:1px #069  dotted;}
.eventosc .wp-caption-text { color:#069 !important; border-bottom:5px #069 solid;}

.culturac blockquote{ background:#eff7fb; border:1px #39c  dotted;}
.culturac .wp-caption-text { color:#39c !important; border-bottom:5px #39c solid;}

.espaciosc blockquote{ background:#f0f9f9; border:1px #3db1b0  dotted;}
.espaciosc .wp-caption-text { color:#3db1b0 !important; border-bottom:5px #3db1b0 solid;}

.tiendac blockquote{ background:#ebf7f3; border:1px #096  dotted;}
.tiendac .wp-caption-text { color:#096 !important; border-bottom:5px #096 solid;}



.otrosc blockquote{ background:#ebf3ef; border:1px #063  dotted;}
.otrosc .wp-caption-text { color:#063 !important; border-bottom:5px #063 solid;}

.tutorialesc blockquote{ background:#f7efeb; border:1px #930  dotted; width:36%; }
.tutorialesc iframe { float:right; width:52.4%;border:3px #c60 solid;}
.contentwidgetshome a:hover{ text-decoration:none; color:#e5cc99;}

.mtutoriales{ overflow:hidden; clear:both;}
.mtutoriales li{ width:270px;width:22.5%;background:#fff;  color:#036; float:left; text-align:center; padding:0; margin:0 20px 20px 0;
overflow:hidden; display: table; border:1px #036 solid; height:120px; border-top:5px #09c solid;}
.mtutoriales li a{ color:#036 !important; font-size:1.6em !important;display: table-cell;
	vertical-align: middle; padding:0 10px;   }
.mtutoriales li a:hover{ text-decoration:none !important;}	
.mtutoriales li:hover{ background:#eff7fb;}	
	
.contentwidgetshome .escolares{border-top:5px #d6ad99 solid;}
.contentwidgetshome .escolares:hover{border-top:5px #930 solid;}.escolares .menu-image-title{background:#930;}
.contentwidgetshome .egresados{border-top:5px #ebc299 solid;}
.contentwidgetshome .egresados:hover{border-top:5px #c60 solid;}.egresados .menu-image-title{background:#c60;}
.contentwidgetshome .examen{border-top:5px #f2e5cc solid;}
.contentwidgetshome .examen:hover{border-top:5px #f2e5cc solid;}.examen .menu-image-title{background:#c93;}

.contentwidgetshome .salud:hover{border-top:5px #96ACD5 solid;}.salud .menu-image-title{background:#00309E;}
.contentwidgetshome .eventos:hover{border-top:5px #83C4DA solid;}.eventos .menu-image-title{background:#01669E;}
.contentwidgetshome .cultura:hover{border-top:5px #9BD7F3 solid;}.cultura .menu-image-title{background:#009AD0;}
.contentwidgetshome .espacios:hover{border-top:5px #A0DDE2 solid;}.espacios .menu-image-title{background:#00B3B0;}
.contentwidgetshome .tienda:hover{border-top:5px #7BD6C4 solid;}.tienda .menu-image-title{background:#009B62;}
.contentwidgetshome .otros:hover{border-top:5px #80C4B5 solid;}.otros .menu-image-title{background:#01662C;}

.contentwidgetshome .mipago{border-top:5px #99add6 solid;}
.contentwidgetshome .mipago:hover{border-top:5px #039 solid;}.mipago .menu-image-title{background:#039;}

h2 img.alignleft{ margin:-5px 18px 0px 0 !important }
h2.tiendac { color:#039; font-size:2.2em; margin-bottom:25px; display:block;}
h2.tiendac a { color:#039 !important;}
.contentwidgetshome .declarativa{border-top:5px #99c2d6 solid;}
.contentwidgetshome .declarativa:hover{border-top:5px #069 solid;}.declarativa .menu-image-title{background:#069;}

h2.declarativac { color:#069; font-size:2.2em; margin-bottom:25px; display:block;}
h2.declarativac a { color:#069 !important;}

.contentwidgetshome .tutoriales{border-top:5px #add6eb solid; }
.contentwidgetshome .tutoriales:hover{border-top:5px #39c solid;}.tutoriales .menu-image-title{background:#39c;}
h2.tutorialesc { color:#39c; font-size:2.2em; margin-bottom:25px;  }
h2.tutorialesc a { color:#39c !important; }

.preguntas li strong{ display:block; background:#eff7fb; color:#036; font-size:16px; float:left; width:97.2%; padding:3px 0 3px 5px;}

.preguntas {counter-reset: item; }
.preguntas li{
	font: 14px/21px Arial, Verdana;
	list-style: none;
	*list-style:decimal; /* IE7 e IE6*/
	padding:4px 8px; margin-bottom:10px;
}
.preguntas li:before { float:left;
	display: inline-block;
	content: counter(item) " ";
	counter-increment: item;
	background-color: #39c;
	color: #fff;
	font: bold 20px Arial, Verdana;
	padding: 0 4px;
	margin: 0 0;
}
.preguntas li ol li:before{
	font: bold 14px Arial, Verdana;
	padding: 0 2px;
}
.recomendacion h3{ background:#036; padding:5px; color:#fff !important; font-size:16px; margin-bottom:15px;}
.recomendacion a{ color:#0062FC !important;}

blockquote p {
	color: #036 !important;
	margin-bottom: 5px;
	margin-top: 0 !important;
}
blockquote cite {
	display: block;
	font-style:normal !important;
	margin-top: 10px;
	text-align: right;
}
blockquote blockquote {
	margin-left: 0;
}
p cite {
	display: block;
	text-align: right;
}
p code {
	background-color: #EDEDFF;
}
blockquote, q, cite{font-style:normal !important;}

/* ESTILOS PARA LISTA DE COMENTARIOS*/

h3#comments{
	font-size: 15px;
	background:#CEDE9D;
	height: 55px;
	line-height: 50px;
	margin: 1% 0  0 7%;
	padding-left:20px;
	color: #333; 
}
.commentlist{
    border: medium none !important;
    list-style: none outside none;
    margin-left: 7%;
}
.commentlist li .children > li{	padding-left: 25px;	}
.comment-body{
	padding-bottom:25px;
	position:relative;
	overflow:hidden;background: #F8F7EF;
}
.comment-awaiting-moderation{color:red;text-align:center;}
.commentlist li > .children #respond h3{margin: 0 0  15px -46px;}
.commentlist li > .children li > .children #respond h3{margin: 0 0  15px -71px;/*nivel 2 comentarios anidados*/}
.commentlist li > .children li > .children li > .children #respond h3{margin: 0 0  15px -96px;/*nivel 3 comentarios anidados*/}

.comment-body p{
	margin:15px 0;
	padding-left:15px;
}

.comment-author{
	background: #EBE8D7;
	border-radius: 5px;
	border: solid 1px #EBE9D6;
	height: 50px;
}
.comment-author img{
	background: #f1f1f1;
	padding:3px;
	margin: 5px;
	border: 1px solid #cbcbcb;
}
div.reply a, .comment-meta a,.comment-author a{ color:#333;}
.comment-author .fn,
.comment-author .says{
	position: relative;
	top: -20px;
	font-style:italic;
}
.commentmetadata{
	position: absolute;
	right:10px;
	top: 15px;
}



/* FORMULARIO DE COMENTARIOS */
#respond{
	clear: both;
	display: block;
	border-top: solid 1px #ecede9;
	padding: 15px 2%;
	position:relative;
	background:#F8F7EF; margin:2% 0 0 7%;  

}
#respond h3{
	font-size: 16px;
	color: #333;
	height: 55px;
	line-height: 55px;
	margin: 0 0  15px -22px;
	padding-left:20px; font-weight:700;
}
.reply{
	bottom: 25px;
    position: absolute;
    right: -76px;
	opacity:0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.comment-body:hover > .reply{ right:0px; opacity:1;}

#respond #cancel-comment-reply {
    position: absolute;
    right: 0;
    top: 35px;
}

#respond #cancel-comment-reply a{color:red; font-style:italic;}
#respond #cancel-comment-reply a:hover{text-decoration:none; border-bottom: 1px dotted red;}

div#respond form#commentform p{ margin: 15px 0;}
div#respond form#commentform input[type=text]{	width: 230px; height:20px;}
#commentform #submit{width: auto !important;}
div#respond form#commentform textarea{ width: 400px;}
#commentform label{font-size:11px;margin-left:10px;}

.nocomments{color:red; text-align:center;}/*Comentarios Cerrados*/
.page .nocomments{display: none;}

/*----- CopyRight Footer -----*/
#footer{  color:#666; text-align:center;  font-size:0.85em; padding-top:2%; overflow:hidden; padding-bottom:10px; }
#footer span{ padding:0 1%;}
#footer a{ color:#036;}






.archive #content, .search-results #content{ margin:0 auto; width:98%;}

/*.archive #content.anteriores{ width:66%; float:left !important;}*/
.archive .posts .entry-titulo h2, .search-results .posts .entry-titulo h2{  text-align:left;font-size:0.62em !important; line-height:1.55em !important;}
.archive .entry-content, .search-results .entry-content{ float:left; }
.anteriores .entry-content{ clear:both; float:none;  }
.archive .entry-titulo, .search-results .entry-titulo{margin-top:2px !important;}





/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding: 20px 0; }

#left-area .wp-pagenavi { text-align: right; text-shadow: 1px 1px 0 #fff; font-size: 13px; color: #4c4c4c; padding-top: 7px; }
#left-area .wp-pagenavi span, #left-area .wp-pagenavi a { border-color: #e5e5e5; background: #f9f9f9; color: #4c4c4c; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; padding: 11px 14px; display: inline-block; }
#left-area .wp-pagenavi .current, #left-area .wp-pagenavi a:hover { background: #fff; }
#left-area .wp-pagenavi .pages { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; background: none; }

a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }

.foursixeight { margin: 0px 0px 15px 84px;}

body.et_left_sidebar #left-area { float: right; margin-left: 30px; margin-right: 0; }

#all-tabs > div { display: none; }
#all-tabs > div:first-child { display: block; }

.container .header_banner { text-align: left !important; }
.container .header_banner #logo { float: left; }
.container .header_banner #top_banner { float: right; margin-top: 20px; }

.f_widget { margin-bottom: 15px; }

.fullwidth .post_content { padding-right: 40px; }
.fullwidth #left-area { width: auto !important; margin-right: 0 !important; margin-left: 0 !important; float: none !important; }

.sitemap-col ul { list-style: none outside none !important; padding-left: 0 !important; }

.et_embedded_videos { display: none; }


#sidebar .widget_recent_comments li { padding: 15px 20px; background: none !important; }


html#ie7 ul.nav li a:hover span.main_text { color: #fff !important; }
html#ie7 #main-header, html#ie7 #secondary-menu { z-index: 2; }
html#ie7 #main-area, html#ie7 #main-area .container { z-index: 1; }

/* ---------[ Responsive Design ]--------- */


@media only screen and (max-width: 320px) {
	.flexslider .slides img {height:auto !important;}	
#MenuTop .chat{ padding:5px 0; }
#MenuTop .chat img{ width:auto; margin:0 auto; display:block;}
	
	#ContenedorHome .Destacadas, #ContenedorHome .Relevantes, .Destacadas .seccion-izquierda img, .Destacadas .seccion-derecha img, #sidebar2,
 .archive #content.anteriores, #content .posts, #content, #sidebar, .archive #content .posts, .search-results #content .posts,
	.archive .entry-content, .search-results .entry-content,    #MenuTop, .cartelhome, .contentwidgetshome
	{ float:none; clear:none; width:99% !important; margin:0 auto; padding:0;  overflow:hidden; }
	.newer-older{ padding:5px !important; }	
	#sidebar li a{ display:block; padding-left:0;  margin-left:-2px;}
	.contenedormenubuscar #Ingresar{width:100%;}
 	.columna1 ul, .columna2 ul{ width:100%; margin-left:2%; overflow:hidden;}
	.columna1 li, .columna2 li{ width:100%;}
.contentwidgetshome .menu-image-title{ font-size:1.0em; padding:0 0.3em;}
	#header span, #header span a{ display:block; width:100%; clear:both; float:none;}
	#header figure, .PrincipalCentro aside img{ margin:2% auto; }
	.entry-content p{color:#000 !important;}
	.comunicate{ margin-left:2px; }
	.archive #content .posts, .search-results #content .posts{ margin-bottom:0 !important;  padding-bottom:0 !important;  }
	/*.archive #content .posts img, .search-results #content .posts img{ display:block; text-align:center; margin:0 auto; width:252px !important; height:132px;}
	.archive #content.movil .textomovil img{ width:auto !important; height:auto !important;}*/

	#Buscar form{ margin-top:0%; margin-bottom:2%;}
	#Buscar input{width:75%; margin-left: 2%;  }
	.contenedormenubuscar #Buscar{ width:66%;}
	
	.metaBottom{ float:none; margin-right:2%;}
	
	.cintilla{ height:auto !important; }
	.cintilla p{ width:99% !important; float:none; margin:0 auto;}
	#header .cintilla, .contenedormenubuscar h1, #Buscar, #Slider, 

	#sidebar2 .titulo{  width:100%; text-align:center;  }

	#sidebar2 .contenedor .texto{ padding:4% 0 4% 2%;}
	#sidebar2 { width:100% !important; clear:both; float:none; margin:0 auto;}
	#sidebar2 aside{ float:left; width:46%; margin-right:4%;}
	
	.Destacadas span{ font-size:0.95em ;}
	.Destacadas h4{ font-size:1.6em;}
	.Relevantes h4{ font-size:1.25em;}
	.Relevantes img{ display:block; margin:0 auto; text-align:center;}

	#header h1{ font-size:1.5em; }
	#header span{ text-align:center; display:block; width:auto; margin:0 auto;}
	#footer .copy{text-align:center; color: #666666}	

	.ContenedorHome aside{ width:100% !important; float:none; margin: 0  auto 20px auto !important;  clear:both;  }
	/*.archive .posts figure{float:none; margin:0 auto !important;}*/
	
	#MenuTop ul.children{ display:none !important;} 
	#MenuTop li{ float:none; width:100%; border-bottom:1px #A3A8AB solid; border-right:none;  height:auto !important;  
	height:30px; min-height:30px; display:block; line-height:30px; padding:5px 0!important; text-align:left; }
	
	#MenuTop a{ color:#fff; padding:0; display:block;}
	#MenuTop ul{ display:none; position:absolute; z-index:1000; width:90% !important;  background:#003068;} 
	nav a#pull {display: block !important; 	background-color:#005782; border-radius:5px;
	position: relative; overflow:hidden; margin:5px 0; height:28px; padding:0.5em 0 0em 1em; clear:none;}
	#MenuTop a#pull:focus { background:#053D74; color:#fff; border-radius:5px;}
	nav a#pull:after {
	content:"";
	background: url('images/nav-icon.png') no-repeat;width:20px;height: 20px;display: inline-block;position: absolute;right:7px;top:7px;}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {	
#MenuTop .chat{ padding:5px 0; }
#MenuTop .chat img{ width:auto; margin:0 auto; display:block;}

#ContenedorHome .Destacadas, #ContenedorHome .Relevantes, .Destacadas .seccion-izquierda img, .Destacadas .seccion-derecha img, #sidebar2,
 .archive #content.anteriores, #content .posts, #content, #sidebar, .archive #content .posts, .search-results #content .posts,
	.archive .entry-content, .search-results .entry-content,    #MenuTop, .cartelhome, .contentwidgetshome
	{ float:none; clear:none; width:99% !important; margin:0 auto; padding:0;  overflow:hidden; }
	.newer-older{ padding:5px !important; }	
	#sidebar li a{ display:block; padding-left:0;  margin-left:-2px;}
	.contenedormenubuscar #Ingresar{width:100%;}
 	.columna1 ul, .columna2 ul{ width:286px; margin:0 auto !important;overflow:hidden; }
	.columna1 li, .columna2 li{ width:100%;}
	#header span, #header span a{ display:block; width:100%; clear:both; float:none;}
	#header figure, .PrincipalCentro aside img{ margin:2% auto; }
	.entry-content p{color:#000 !important;}
	.comunicate{ margin-left:2px; }
	.archive #content .posts, .search-results #content .posts{ margin-bottom:0 !important;  padding-bottom:0 !important;  }
	/*.archive #content .posts img, .search-results #content .posts img{ display:block; text-align:center; margin:0 auto; width:252px !important; height:132px;}
	.archive #content.movil .textomovil img{ width:auto !important; height:auto !important;}*/

	#Buscar form{ margin-top:0%; margin-bottom:2%;}
	#Buscar input{width:75%; margin-left: 2%;  }
	.contenedormenubuscar #Buscar{ width:66%;}
	
	.metaBottom{ float:none; margin-right:2%;}
	
	.cintilla{ height:auto !important; }
	.cintilla p{ width:99% !important; float:none; margin:0 auto;}
	#header .cintilla, .contenedormenubuscar h1, #Buscar, #Slider, 

	#sidebar2 .titulo{  width:100%; text-align:center;  }

	#sidebar2 .contenedor .texto{ padding:4% 0 4% 2%;}
	#sidebar2 { width:100% !important; clear:both; float:none; margin:0 auto;}
	#sidebar2 aside{ float:left; width:46%; margin-right:4%;}
	
	.Destacadas span{ font-size:0.95em ;}
	.Destacadas h4{ font-size:1.6em;}
	.Relevantes h4{ font-size:1.25em;}
	.Relevantes img{ display:block; margin:0 auto; text-align:center;}

	#header h1{ font-size:1.5em; }
	#header span{ text-align:center; display:block; width:auto; margin:0 auto;}
	#footer .copy{text-align:center; color: #666666}	

	.ContenedorHome aside{ width:100% !important; float:none; margin: 0  auto 20px auto !important;  clear:both;  }
	/*.archive .posts figure{float:none; margin:0 auto !important;}*/
	
	#MenuTop ul.children{ display:none !important;} 
	#MenuTop li{ float:none; width:100%; border-bottom:1px #A3A8AB solid; border-right:none;  height:auto !important;  
	height:30px; min-height:30px; display:block; line-height:30px; padding:5px 0!important; text-align:left; }
	
	#MenuTop a{ color:#fff; padding:0; display:block;}
	#MenuTop ul{ display:none; position:absolute; z-index:1000; width:90% !important;  background:#003068;} 
	nav a#pull {display: block !important; 	background-color:#005782; border-radius:5px;
	position: relative; overflow:hidden; margin:5px 0; height:28px; padding:0.5em 0 0em 1em; clear:none;}
	#MenuTop a#pull:focus { background:#053D74; color:#fff; border-radius:5px;}
	nav a#pull:after {
	content:"";
	background: url('images/nav-icon.png') no-repeat;width:20px;height: 20px;display: inline-block;position: absolute;right:7px;top:7px;}
	.flexslider .slides img {height:auto !important;}	
	}
	

@media only screen and (min-width: 481px) and (max-width: 770px) {
#MenuTop .chat{ padding:0; }
#MenuTop .chat img{ width:auto; margin:0 auto; display:block; padding:5px 0;} 
	 .cartelhome{ float:none; clear:both;}
	 .contentwidgetshome{ width:99%; clear:both; }
	#Buscar form{ margin-top:0%; margin-bottom:1%; padding-bottom:5px !important; margin: 0 auto;}
	#Buscar input{width:85%; }

	.contenedormenubuscar #Buscar{ width:72%;}
 	.columna1 ul, .columna2 ul{ width:99%; margin:0 auto; overflow:hidden;}
	.columna1 li, .columna2 li{ width:45.5%; margin-right:4.5%; }
	.contentwidgetshome .menu-image-title{ font-size:1em; padding:0 0.3em;}
	
	#header .cintilla
   	{width:99% !important;  margin:0 auto; display:block; margin:0 0.5%; clear:both; float:none; overflow:hidden;  }
	
	.Destacadas .seccion-izquierda img, .Destacadas .seccion-derecha img{ width:50%;}
	#ContenedorHome .Destacadas, #ContenedorHome .Relevantes{ width:95% !important;}
	.Destacadas span{ font-size:0.95em ;}
	.Destacadas h4{ font-size:1.55em;}
	.Relevantes h4{ font-size:1.35em;}
	#sidebar2 { width:80% !important; clear:both; float:none; margin:0 auto;}
	#sidebar2 aside{ float:left; width:46%; margin-right:4%;}
	#sidebar2 .contenedor .texto{ padding:4% 0 4% 2%;}
	.Relevantes img{ display:block; margin:0 auto; text-align:center;}
	
	#header h1{ font-size:1.65em; }
	#footer .copy{text-align:center;}	

	.contenedormenubuscar #Ingresar{ width:100%;}
	.archive #content .posts, .search-results #content .posts{ width:45% !important; margin-bottom:5px; margin-right:2%;}	 
	
	#MenuTop { width:100%; line-height:35px !important; padding:0 3px !important; font-size:0.90em !important; }
	#MenuTop li a{  padding:0 5px !important;  }
	.flexslider .slides img {height:auto !important;}	
}


@media only screen and (min-width: 771px) and (max-width: 960px) {
#MenuTop .chat{ padding:0; }
#MenuTop .chat img{ width:auto; margin:0 auto; display:block;padding:4px;}
.cartelhome{ width:30%; } .contentwidgetshome{ width:70%;}
	.posts .entry-titulo h2 a{ font-size:1.4em !important; }
	
	#Buscar form{ margin-bottom:1%; padding-bottom:5px !important; width: 90% !important; margin: 0 auto;}
	#Buscar input{width:80%; margin-left: 1%;}
	
	#ContenedorHome{ width:95% !important;}

 	.columna1 ul, .columna2 ul{ width:99%; margin:0 auto; overflow:hidden; }
	.columna1 li, .columna2 li{ width:31.2%; margin-right:2%; }
	.contentwidgetshome .menu-image-title{ font-size:1.1em; padding:0 0.3em;}
	
	.Destacadas .seccion-izquierda img, .Destacadas .seccion-derecha img{ width:50%;}
	#ContenedorHome .Destacadas{ width:95% !important;} 
	#ContenedorHome .Relevantes{ width:31% !important;}
	.Destacadas span{ font-size:1em ;}
	.Destacadas h4{ font-size:1.55em;}
	.Relevantes h4{ font-size:1.35em;}
	#sidebar2 { width:16% !important; }
	#sidebar2 .contenedor .texto{ font-size:0.95em !important;}
	.Relevantes img{ display:block; margin:0 auto; text-align:center;}
	
	#header h1{ font-size:1.65em; }
	#footer .copy{text-align:center;}
	#MenuTop li a{ padding:4px 10px;}	
	.contenedormenubuscar #Ingresar{ width:31%; float:right;}
	#MenuTop { width:68%; }
	.contenedormenubuscar #Buscar{ width:72%; }
	.archive #content .posts, .search-results #content .posts{ width:47% !important; margin-bottom:5px; }	
	
}

@media only screen and (min-width: 961px) and (max-width: 1200px) {

	.posts .entry-titulo h2 a{ font-size:1.4em !important; }
	
	#Buscar form{ margin-top:0%; margin-bottom:1%; padding-bottom:5px !important; width: 90% !important; margin: 0 auto;}
	#Buscar input{width:80%; margin-left: 1%;}
	
	#ContenedorHome{ width:95% !important;}
	
	.Destacadas .seccion-izquierda img, .Destacadas .seccion-derecha img{ width:50%;}
	#ContenedorHome .Destacadas{ width:95% !important;} 

 	.contentwidgetshome{ width:97%; margin:0 auto; overflow:hidden; }
	.columna1 li, .columna2 li{ width:31.5%; margin-right:1.8%; }

	.Destacadas span{ font-size:1em ;}
	.Destacadas h4{ font-size:1.55em;}
	.Relevantes h4{ font-size:1.35em;}
	#sidebar2 { width:16% !important; }
	#sidebar2 .contenedor .texto{ font-size:0.95em !important;}
	.Relevantes img{ display:block; margin:0 auto; text-align:center;}
	.contenedormenubuscar #Buscar{ width:14%;  }
	#Buscar input{width:76%;  }
	#header h1{ font-size:1.65em; }
	#footer .copy{text-align:center;}	

		.contenedormenubuscar #Ingresar{ width:26%; float:right;}
	#MenuTop { width:70%; }

	.archive #content .posts, .search-results #content .posts{ width:47% !important; margin-bottom:5px; }
	}
@media only screen and (min-width: 1201px) and (max-width: 1350px) {	
	 	.contentwidgetshome{ width:98%; margin:0 auto; overflow:hidden;  }
	.columna1 li, .columna2 li{ width:23.5%; margin-right:2%; }

}