/*
Theme Name: Coloquio Reforma Laboral
Theme URI:  https://www.uv.mx/1ercoloquio-reformalaboral/
Description: Primer Coloquio Reforma Laboral
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, slider, sidebar, widgets
*/

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



body{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px;
-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 */
}

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


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; }



/* =ESTILOS PARA EL HEADER
-------------------------------------------------------------- */
#header { overflow:hidden; background:url(images/recorteplecamenu.jpg) no-repeat 0 0; padding-bottom:25px;   }
#header figure{ display:block; float:left; width:10%; }
#header h1{ width:100%;  text-align:center; text-indent:-999em; }
#header h1 a{ color:#333; text-align:center; font-weight:700; font-size:2em;  text-decoration:none; padding:5px 0; }
#header small{ font-weight:400; float:right; background:#013068; padding:6px 15px; text-align:center; font-size:14px; }
#header small a{ color:#fff; text-decoration:none;}
/* =ESTILOS PARA EL AREA DE CONTENIDOS ( CONTENT-SIDEBAR )
-------------------------------------------------------------- */
#main {font-size:0.95em; }
#main .main-content {width: 100%;margin: 0 auto; clear:both;}


#MenuPrincipalTop{ overflow:hidden;    border-bottom: 3px solid #069;}
#MenuPrincipalTop .menu{ width:80%; margin:0 auto !important;   }
#MenuPrincipalTop li a{ color:#000; text-decoration:none;  font-size:1.2em; padding:4px;}
#MenuPrincipalTop li {float:left;padding:8px 12px;}

#MenuPrincipalTop li a:hover, #MenuPrincipalTop .current-menu-item > a, #MenuPrincipalTop .current-menu-ancestor > a, 
#MenuPrincipalTop .current_page_item > a, #MenuPrincipalTop .current_page_ancestor > a {
 color:#693;
}


/*----- Contenedor area post -----*/
#content {/*	width: 530px;*/	width:100%;}
.wpcf7 { margin:0 auto !important;  width:80%; }
.wpcf7 label, .wpcf7 p{ clear:both; width:100%; float:none;}
.wpcf7 input, .wpcf7 textarea{ width:60%;}
.wpcf7 .wpcf7-submit{ width:180px; float:right; margin-bottom:15px;   padding:15px; font-weight:700; background:#039; color:#fff; border-radius:5px; border:none; font-size:1.2em; }
.wpcf7 strong{ width:25%;  display:block; float:left; text-align:right; padding:5px; }
.wpcf7 input{ padding:5px;}
#content h1{margin:1% 7%;}

#ContenedorHome{ overflow:hidden; clear:both; background:url(images/partesuperior.jpg) no-repeat; padding-top:120px; }

#sidebar{	width:100%; overflow:hidden;  padding:50px 0 80px 0; }
/*----- post -----*/
.posts {margin:0 auto; max-width:100%; width:90.5%; height:auto !important; height:600px; min-height:600px;  color:#036; font-size:1.2em;}

.posts .entry-content { 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px; margin-top:30px;
	text-decoration: none;  clear:both; float:none; padding-bottom:25px; 
}
.entry-content img, 
.wp-caption {
	max-width: 100%;
	height: auto;
}
.wp-caption {
	background: #F8F7EF;
	padding: 5px;
	border: 1px solid #d6d6d6; 
	margin: 1% auto; 
}
.entry-content .wp-caption img {
	border: 1px solid #d6d6d6;
	max-width: 98.5%;
	margin: 4px;
}
.wp-caption-text {
	color: #000 !important;
	margin: 0 5px !important;
	text-align: center;
}
.alignnone {
    margin: 5px 1.5em 1.5em 0;
}
.alignright {
	float: right;
	margin: 0 0 12px 1.5em !important;
}
.alignleft {
	float: left;
	margin: 0 1.5em 12px 0 !important;
}
.aligncenter {
	display: block;
	margin: 0 auto !important;
}
.posts .entry-titulo { padding-top:50px; overflow:hidden;}
.posts .entry-titulo h2 {color:#063;position: relative; text-transform:uppercase;  }
.posts .entry-content blockquote{ width:33%; float:left;  margin:10px 0;}
.posts .entry-content pre{ background:#c6def7; border-radius:50px;   width:68px; margin:5px auto;   text-align:center; font-size:50px; color:#036; font-family:Arial;}
 .posts .entry-content h2{color:#063; text-transform:uppercase;  	font-size: 1.6em; margin-bottom:25px;}
.posts .entry-content h3{color:#063; font-size:18px;}

.posts .entry-titulo h2 a {
	text-decoration: none;
	color:#063;
	font-size: 1.6em;
	font-weight: 400;
}

.posts  .MetaDatos {
	color: #666666;
	font-weight: bold;
	font-size: 10px;
}

.posts .MetaDatos .fecha,
.posts .MetaDatos span {
	font-weight: normal;
	display: inline-block;
	margin-right: 15px;
	text-shadow: 1px 1px 1px #FFF;
}

.posts .MetaDatos span a, .posts div.metaBottom a{color:#333;	margin-left: 2px; text-decoration:none;}
.posts .MetaDatos span a:hover, .posts div.metaBottom a:hover{ text-decoration:underline;}

.posts .entry-content ul{ padding-left:40px; list-style:disc; }
.posts .entry-content a { color:#333; text-decoration:none; font-weight:700; }
.posts .entry-content a:hover { text-decoration:underline;}

table 	{ width:100% !important; }
td, tbody td			{ padding:3px 7px;  }

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: #EBE8D7;
	padding: 5px;
	border: 1px solid #d6d6d6; margin:0 1.5% 1.5% 0;
}

.posts div.metaBottom .leermas { margin-right:15px; font-weight:700; font-size:1.125em;}
.posts div.metaBottom {   float:none;}

/* Navegador de post */
.newer-older{
	display: block;
	height: 30px;
	clear: both;
	padding: 12px 0;margin-left:7.2%;  
}
.older{float: left; text-align:left;}
.newer{float: right; text-align:right;}
.newer-older p{
	display: block;
	background: #EBE8D7;
	border-radius: 5px;
	box-shadow: 1px 1px 0px 0px #d6d6d6;
	overflow:hidden;
}
.newer-older p a{
	display: block;
	height: 30px;
	line-height:30px;
	padding: 0 15px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px 0 #d6d6d6;
	width:110px;
}
.newer-older p:hover{background:#CEDE9D;}
.older:hover a{	color: #333;}
.newer:hover a{	color: #333;}
/* =ESTILOS PARA EL SIDEBAR
-------------------------------------------------------------- */

.page #sidebar,.single #sidebar, .category #sidebar, .archive #sidebar, .search #sidebar  { margin-left:1.5%; width:18.5%; margin-top:0;}
#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;}


/*Parrafos*/
.entry-content P{
	line-height: 20px;
	margin-bottom: 15px;
}

p code {
	background-color: #EDEDFF;
}
#RedesSoc{ overflow:hidden; clear:both; margin-bottom:6%;}
#RedesSoc li {padding:0; margin:0 4% 0 0; float:left; display:inline;background: url(images/redes/redes.jpg) no-repeat top left; width: 28px; height:28px;}
#RedesSoc li a{  text-indent: -999em; display:block;  height: 28px;   }
#RedesSoc li.Facebook{ background-position: 0 0; } 
#RedesSoc li.Twitter{ background-position: -78px 0;} 

/* 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:#ccc; }
#footer{ color:#000; text-align:center; padding:15px;}


/* ---------[ Responsive Design ]--------- */
@media only screen and (max-width: 480px) {
	#content, .posts, .archive .entry-content, .posts .entry-content blockquote
	{ float:none; width:98.5% !important;  margin-left:1%; margin-right:1%; clear:both; padding:0; }
	#MenuPrincipalTop li{ float:none; width:98%; display:block; margin:0; padding:5px 0; }
	#MenuPrincipalTop li a{ display:block;}

	.archive #sidebar, div.main-content{ width:98%;}
	.archive .posts figure{float:none; margin:0 auto !important; display:block; text-align:center; }
}

@media only screen and (min-width: 481px) and (max-width: 770px) {
	#content, .posts, .archive .entry-content
	{ float:none; width:98.5% !important;  margin-left:1%; margin-right:1%; clear:both; padding:0; }
	#MenuPrincipalTop ul{ width:100% !important; overflow:hidden;}
	.posts .entry-content blockquote{ width:50%;}

	.archive #sidebar, div.main-content{ width:98%;}
	.archive .posts figure{float:none; margin:0 auto !important; display:block; text-align:center; }	
}

@media only screen and (min-width: 771px) and (max-width: 960px) {

	 .posts, .archive .entry-content
	{ float:none; width:90% !important; margin:0 auto;  clear:both; padding:0; }

	#MenuPrincipalTop ul{ width:100% !important; overflow:hidden;}

	.posts .entry-content blockquote{ width:50%;}


	.archive #sidebar, div.main-content{ width:98%;}
	.archive .posts figure{float:none; margin:0 auto !important; display:block; text-align:center; }	
}

@media only screen and (min-width: 961px) and (max-width: 1280px) {
	 .posts, .archive .entry-content
	{ float:none; width:90% !important; margin:0 auto;  clear:both; padding:0; }

	#MenuPrincipalTop ul{ width:100% !important; overflow:hidden;}

}