/*
Theme Name: Congreso Educacion Jazz
Theme URI: https://www.uv.mx/congresojazzuv
Description: Tema basado en Interior UV para Wordpress
Author: jl.simon
Version: 1.0
License: GNU General Public License
Tags: menu, pagina
*/

/* = ESTILOS GENERALES
-------------------------------------------------------------- */
@import url("reset.css"); 
body{ padding:0; margin:0; color:#076BB1;}

a{ text-decoration:none; }
a:hover{ text-decoration:underline;}

/* Text
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

h1 {font-size: 1.4;	line-height: 1.1em;}
h2 {	font-size: 1.3em;	line-height: 1.15;}
h3 {font-size: 1.2em;line-height: 1.2;}
h4, h5, h6 {font-size: 1em;}
img {  border:0; }
#wrapper {	margin: 0 auto;	max-width:1259px;background:#fff; }

/* =ESTILOS PARA EL HEADER
-------------------------------------------------------------- */
#header figure{ display: block; margin: 0 auto; text-align: center;  }



 #MenuTop{  overflow:hidden; clear:both; margin: 0 auto;	max-width:1259px;}
#MenuTop li{ float:left; padding:0 1%; margin:1% 0;}
#MenuTop li:last-child{ border-right:none;}
#MenuTop li a{ padding:3px 10px;color:#076BB1; font-size: 1.3em;}
#MenuTop li a:hover{  padding:3px 10px;}
#MenuTop li.current-menu-item a{color:#F75502; padding:3px 10px;}
#MenuTop a{ color:#fff; text-decoration:none; }
/* =ESTILOS PARA EL AREA DE CONTENIDOS ( CONTENT-SIDEBAR )
-------------------------------------------------------------- */
#main {font-size:0.75em; clear:both; }
#main .main-content {width: 100%; clear:both;}


/*----- Contenedor area post -----*/
#content {/*	width: 530px;*/	width:100%;}

#content h1{margin:1% 7%;}

#ContenedorHome{  overflow:hidden; width:100%;}
#Homeimg img{ max-width:100% !important; display:block; margin:0 auto; width:auto; }
#Homeimg{ overflow:hidden; background:#fff; }
/*----- post -----*/
.posts {   margin:0 auto; width:1259px;  }

.posts .entry-content {
	line-height: 18px;
	text-decoration: none;
	padding-bottom:2%;
}
.entry-content img, 
.wp-caption {
	max-width: 98%;
	height: auto;
}
.wp-caption {
	background: #F8F7EF;
	padding: 5px;
	border: 1px solid #ccc; 
	margin: 1% auto; 
}
.entry-content .wp-caption img {
	border: 1px solid #999;
	max-width: 98.5%;
	margin: 4px;
}
.wp-caption-text {
	color: #000 !important;
	margin: 0 5px !important;
	text-align: center;
}
.posts .entry-titulo h2 {color:#273787;position: relative; text-align:center; padding:40px 0;}
.posts .entry-content h3,
.posts .entry-content h4,
.posts .entry-content h5{color:#273787; font-size:16px;}

.archive .posts .entry-titulo h2{ padding:20px 0;}
.posts .entry-titulo h2 a {
	text-decoration: none;
	color:#273787;
	font-size: 18px;
	font-weight: 700;
	font-size:1.5em;
}

.posts .entry-content ul{ padding-left:40px; list-style:disc; }
.metaBottom a, .posts .entry-content a { color:#333; text-decoration:none; font-weight:700; }
.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: 10px 0; font-size: 14px; }
dl dt  { color: #666; padding-bottom: 3px; }
dl dd  { margin: 0 0 10px 0; line-height: 1.5em; }


.archive .posts figure {
	float: left;
	background: #f8f8f8;
	padding: 5px;
	border: 1px solid #ccc; margin:0 1.5% 1.5% 0;
}


/* Navegador de post */
.newer-older{
	display: block;
	height: 30px;
	clear: both;
	padding: 12px 0; margin:5px 2px;
}
.older{float: left; text-align:left;}
.newer{float: right; text-align:right;}
.newer-older p{
	display: block;
	background: #9E76B4;
	border-radius: 5px;
	overflow:hidden;
}
.newer-older p a{
	display: block;
	height: 30px;
	line-height:30px;
	padding: 0 15px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	width:110px;
}
.newer-older p:hover{background:#622082;}
.older:hover a{	color: #fff;}
.newer:hover a{	color: #fff;}
/* =ESTILOS PARA EL SIDEBAR
-------------------------------------------------------------- */
body{ font-family:Arial, Helvetica, sans-serif;}
#top-menu{ height:40px; line-height:3em; padding-left:1.3%;}
#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;}

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

blockquote {
	background: url(images/sprite_master.png) left -10px no-repeat #f5f5f5;
	border: 1px dotted #e3e3e3;
	clear: both;
	margin: 10px 0 10px 10px;
	padding: 8px 18px 5px 10px;
}
blockquote p {
	color: #474747 !important;
	margin-bottom: 5px;
	margin-top: 0 !important;
	text-indent: 35px;
}
blockquote cite {
	display: block;
	font-style: italic;
	margin-top: 10px;
	text-align: right;
}
blockquote blockquote {
	margin-left: 0;
}
p cite {
	display: block;
	text-align: right;
}
p code {
	background-color: #EDEDFF;
}

/* 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{ background:#fff;  overflow:hidden;}

#footer .correo img, #footer .logos img{ max-width:100%; width:auto; margin:  0 auto; display:block; text-align:center;  }
#footer .redes figure { float: left;   }
#footer .redes{ width:25%; margin: 0 auto; text-align: center; }


/* ---------[ Responsive Design ]--------- */
@media only screen and (max-width: 480px) {
	
	#header { text-align:center; display:block;}
	#header img{ margin:0 auto; display:block; text-align:center;}		
	#header,#header .centro,#header .aniversario, #content,#Homeimg,#ContenedorHome, .posts, .archive .entry-content,#MenuTop li, #footer .sociales, #footer .redes
	{ float:none; width:98%;  margin-left:1%; margin-right:1%; clear:both; padding:0; }
	#header div, #header figure{ clear:both; float:none; width:100%; }
	#MenuTop li a{ width:100%; display:block;}
	#MenuTop li{ border:none;}
	
}

@media only screen and (min-width: 481px) and (max-width: 770px) {
	#header { text-align:center; display:block;}	
	#header figure img, #footer > img{ margin:0 auto; display:block; text-align:center;}			
	#header div{ width:74%; }
	#header div, #header figure,#header .centro,#header .aniversario{ clear:both; float:none; width:100%; }	
	#header h1{ font-size:1.5em; text-align:center;}	
	#footer .redes{width: 80%;}

}

@media only screen and (min-width: 961px) and (max-width: 1600px) {
	#header figure img{ max-width:100%;}
	#content,#Homeimg,#ContenedorHome, .posts, .archive .entry-content
	{ float:none; width:98%;  margin-left:1%; margin-right:1%; clear:both; padding:0; }
	#footer .redes{width: 49%;}
}

@media only screen and (min-width: 1600px) and (max-width: 1980px) {
	#footer .redes{width: 30%;  overflow: hidden; }

}