@charset "utf-8";
/* CSS Document */

#abc_list { }
#abc_list h3 { font-size:2.3em;}
#abc_list ul {  float: left; width: 100%;}
#abc_list ul li {font-size: 0.95em; line-height: 1.1em;}

.azlinks { font-size: 1.5em;  font-weight: bold; color:#ccc; text-align: center;font-family: 'Bitter', serif;}
.azindex ul li.azalt {border:none; background:none;}
.azindex ul li h2 a:focus {border:1px solid #fff;  outline: none;}
.azindex ul { margin-bottom:40px;}
.azindex ul li a {color:#333;}
.azindex ul li a:hover {color:#3983fd;}
.azindex ul li h2 {  border-bottom: 1px dotted #3983fd;  display: block;  float: left;  line-height: 2em;  margin-bottom: 10px;  margin-top: 30px;  padding: 10px 0;  text-decoration: none;  width: 100%;}
.azindex ul li { line-height:0.9em;}
.azindex ul li h2 a { font-size:2.2em; width:100%; display:block; text-decoration:none;  font-weight:400;color:#3983fd;background-image: url(img/subir.jpg); background-repeat: no-repeat; background-position: 99% center; border:none;}
.azindex ul li h2 a#char_41 { background:none;}

form#s404 {margin: 15px 0; position: relative;}
#nolive {  position: relative;}

form#s404 input {border: 1px solid #B9B9B9; position:relative; border-radius: 10px; color: #666666; font-size: 1.5em; padding: 0.5em; width: 60%;}
form#s404 input.s404 {background-color: #3983FD;border: medium none; color: #FFFFFF; cursor: pointer; left: 65%; outline: 0 none; position: absolute; top: 0; width: 12%;}
form#s404 input.s404:hover { opacity:0.8;}



#date_master {  }
#date_master h3 {  font-size: 2.8em;  font-weight: 400; }
#date_master ul { float: left; padding-top:15px; padding-bottom:35px;  margin: 15px 0;border-top:1px dotted #2b58b2;  width: 100%;}
#date_master ul li span.arch_mes {}
#date_master ul li span.arch_count {}


#nav_todas {float:right; width:62%;font-style: italic; font-family: 'Bitter', serif;  margin-top: -4px;}
#nav_todas p.go_abc {}
#nav_todas p.go_abc a  { margin-left:0; font-size:0.8em;font-weight: 400; margin-top:5px;}
#nav_todas p.go_crono { font-size: 0.9em;}
#nav_todas p.go_crono a {font-weight: 400;margin: 0;}
#nav_todas p.go_abc a:hover  {}
#nav_todas a {  display: block;  font-weight: 700;  line-height: 1.35em;  margin-left: 65px;  width: 430px;}
#nav_todas a:hover { text-decoration:underline;}
#nav_todas span { color: #000;  float: left;  font-size: 0.85em;   line-height: 1.6em; width: 235px;}

form#archivo {}
form#archivo select { border:none;   -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none; background-color: transparent; background-image: url(img/ar_sele.gif); background-repeat: no-repeat;font-style: italic; font-family: 'Bitter', serif; font-size:0.9em; }
form#archivo label {color:#3983fd; font-size:0.9em;}
form#archivo select#month {width:90px;background-position: 75px center;}
form#archivo select#year {width:60px;background-position: 45px center;}
form button#submit {background-color:#3983fd; color:#fff;padding:0.5% 1%; width:auto; cursor:pointer; border:none; border-radius:5px; font-weight:700;}
form button#submit:hover {opacity:0.8;}




#comments {margin-bottom: 30px; float:left; width:100%; padding-top:20px;}
#comments h2 { font-size:1.8em; margin-bottom:10px;}
.pagination { margin:10px 0px; float:left; width:100%;}

#commentform { width:100%; margin:0px 0px 15px 0px;}
#commentform input { padding:5px; margin:5px 0px;font-family: 'Bitter', serif; border-radius:5px; border: 1px solid #CCCCCC;}
#commentform textarea { padding:5px; margin:5px 0px;font-family: 'Bitter', serif;border-radius:5px;border: 1px solid #CCCCCC;}
#commentform p small {font-style:italic;font-family: 'Bitter', serif; font-size:0.8em;}
#commentform input#submit { background-color: #3983FD; color: #FFFFFF; cursor: pointer;font-size: 1.1em; font-weight: bold; margin: 15px 0;}
span.post-eltuyo-titulo { font-size:1.1em;}
#commentform input#submit:hover { cursor:pointer; background-color:#3983fd; opacity:0.8; }
#comments_2 { position:relative;}

p.slick-toggle {border-top:4px double #ddd; background:#fff; color:#3983fd; cursor:pointer;  padding:5px; }
p.slick-toggle span, #comentarios span {padding-right:22px; background:url(img/icon-arrow.png) no-repeat 100% 50%; font-weight:700; text-decoration:none;font-size:1.1em;}
.gradient { width:100%;  height:35px; background:url(img/bg-gradient.png) repeat-x;  position:absolute;  bottom:0;  left:0;}
.post-comentarios { font-family: 'Bitter', serif; font-size:1.1em; padding:10px 0px; margin-bottom:15px;}
.post-comentarios-titu {float: left;font-family: 'Bitter',serif;font-size: 0.95em; margin-bottom: 5px; padding: 10px 0;}
.paginacomentarios {font-size:1.1em;}

/* =Commentarios
----------------------------------------------- */
#comments-title {color: #666;font-size: 10px;	font-weight: 500;	line-height: 2.6em;	padding: 0 0 2.6em;	text-transform: uppercase;}
.nopassword,
.nocomments {color: #aaa;font-size: 24px;font-weight: 100;margin: 26px 0;text-align: center;}
.commentlist {list-style: none;margin: 0 auto;width: 73%;}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {width: 100%; /* reset the width for the one-column and sidebar page layout */}
.commentlist > li.comment {	background: #f6f6f6;	border: 1px solid #ddd;	-moz-border-radius: 3px;	border-radius: 3px;	margin: 0 0 1.625em;	padding: 1.625em;	position: relative;}
.commentlist .pingback {	margin: 0 0 1.625em;	padding: 0 1.625em;}
.commentlist .children {	list-style: none;	margin: 0;}
.commentlist .children li.comment {	background: #fff;	border-left: 1px solid #ddd;	-moz-border-radius: 0 3px 3px 0;	border-radius: 0 3px 3px 0;	margin: 1.625em 0 0;	padding: 1.625em;	position: relative;}
.commentlist .children li.comment .fn {}
.comment-meta .fn {	font-style: normal;}
.comment-meta {	color: #666;	font-size: 12px;	line-height: 2.2em;}
.commentlist .children li.comment .comment-meta {  line-height: 1.625em; margin-bottom: 15px;  margin-left: 55px;}
.commentlist .children li.comment .comment-content {	margin: 1.625em 0 0;	word-wrap: break-word;	-webkit-hyphens: auto;	-moz-hyphens: auto;	hyphens: auto;}
.comment-meta a {	font-weight: bold;}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {}
.commentlist .avatar {	-moz-border-radius: 3px;	border-radius: 3px;	-webkit-box-shadow: 0 1px 2px #ccc;	-moz-box-shadow: 0 1px 2px #ccc;	box-shadow: 0 1px 2px #ccc;	left: -82px;	padding: 0;	position: absolute;	top: 0;}
.commentlist > li:before {	content: url(img/comment-arrow.png);	left: -21px;	position: absolute;}
.commentlist > li.pingback:before {	content: '';}
.commentlist .children .avatar {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  box-shadow: none;  float: left;  left: 0.2em;  margin-right: 10px;  padding: 0;  position: relative;top: 0.2em;}
a.comment-reply-link {  background: none repeat scroll 0 0 #EEEEEE; border-radius: 3px;  color: #666666;  display: inline-block;  font-size: 0.9em;  margin-top: 10px;  padding: 2px 8px; text-decoration: none;}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {	background: #888;	color: #fff;  text-decoration: none;}
a.comment-reply-link > span {	display: inline-block;	position: relative;	top: -1px;}

/* Post author highlighting */
.commentlist > li.bypostauthor {	background: #ddd;	border-color: #d3d3d3;}
.commentlist > li.bypostauthor .comment-meta {	color: #575757;}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {}
.commentlist > li.bypostauthor:before {	content: url(img/comment-arrow-bypostauthor.png);}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {background: #fff;border-left:3px solid #3983fd;}

/*#### TABLET LAND #### */
@media screen and (min-width:972px) and (max-width:1024px) {
#nav_todas { float: left;  margin-top: 10px;  width: 100%;}
form#s404 input { width: 65%;}
form#s404 input.s404 {  left: 72%; width: 15%;}
#commentform textarea {width: 90%;}

}

/*#### 800 #### */
@media screen and (min-width:769px) and (max-width:971px) {
form#archivo { float:left; width:100%; margin:10px 0;}
#nav_todas { float: left;  margin-top: 10px;  width: 100%;}
.azlinks span {  float: left;  text-align: center;  width: 30px;}
form#s404 input { width: 65%;}
form#s404 input.s404 {  left: 72%; width: 20%;}#commentform textarea {width: 90%;}
.commentlist {width: 98%;}
.commentlist > li:before {display: none;}
.commentlist .avatar { float:left; margin-right:10px; position:relative; left:0;}
.commentlist > li.comment {margin: 0 0 1.625em;}

}

/* ipad TABLET VERTICAL*/
@media screen and (min-width:716px) and (max-width:768px) {
form#archivo { float:left; width:100%; margin:10px 0;}
#nav_todas { float: left;  margin-top: 10px;  width: 100%;}
.azlinks {}
.azlinks span {  float: left;  text-align: center;  width: 30px;}
form#s404 input { width: 65%;}
form#s404 input.s404 {  left: 72%; width: 20%;}
#commentform textarea {width: 90%;}
.commentlist {width: 98%;}
.commentlist > li:before {display: none;}
.commentlist .avatar { float:left; margin-right:10px; position:relative; left:0;}
.commentlist > li.comment {margin: 0 0 1.625em;}
}

/* peque TABLET VERTICAL*/
@media screen and (min-width:560px) and (max-width:715px) {
form#archivo { float:left; width:100%; margin:10px 0;}
#nav_todas { float: left;  margin-top: 10px;  width: 100%;}
.azlinks span {  float: left;  text-align: center;  width: 30px;}
form#s404 input { width: 65%;}
form#s404 input.s404 {  left: 72%; width: 20%;}
#commentform textarea {width: 90%;}
.commentlist {width: 98%;}
.commentlist > li:before {display: none;}
.commentlist .avatar { float:left; margin-right:10px; position:relative; left:0;}
.commentlist > li.comment {margin: 0 0 1.625em;}
}

/*#### MOBILE LAND #### */
@media screen and (min-width:481px) and (max-width:559px) {
form#archivo { float:left; width:100%; margin:10px 0;}
#nav_todas { float: left;  margin-top: 10px;  width: 100%;}
.azlinks span {  float: left;  text-align: center;  width: 30px;}
form#s404 input { width: 65%;}
form#s404 input.s404 {  left: 72%; width: 20%;}
#commentform textarea {width: 90%;}
.commentlist {width: 98%;}
.commentlist > li:before {display: none;}
.commentlist .avatar { float:left; margin-right:10px; position:relative; left:0;}
.commentlist > li.comment {margin: 0 0 1.625em;}
}

/*#### MOBILE  #### */
@media screen and (min-width:1px) and (max-width:480px) {
form#archivo { float:left; width:100%; margin:10px 0;}
#nav_todas { float: left;  margin-top: 10px;  width: 100%;}
.azlinks span {  float: left;  text-align: center;  width: 30px;}
form#s404 input {  border-radius: 5px;  font-size: 0.9em;  width: 55%;}
form#s404 input.s404 {  left: 65%; width: 20%;}
#nav_todas p.go_abc a {float: left; width: 80%;}
#commentform input {width: 90%;}
#commentform textarea {width: 90%;}
#commentform label { }
.commentlist {width: 98%;}
.commentlist > li:before {display: none;}
.commentlist .avatar { float:left; margin-right:10px; position:relative; left:0;}
.commentlist > li.comment {margin: 0 0 1.625em;  padding: 0.9em;}

}