body {background-color:#F5F5F5;font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;}
.intro_index_blog{width:100%;float:left;box-sizing:border-box;color:#757575;border-left:solid thin #C5C7C7;margin-bottom:5%;}
/*ADSENSE*/
.header_blog_adaptable{width:100%;box-sizing:border-box;float:left;}
.google_ad_post1{float:left;padding: 1%;}
.google_ad_post2{float:left;padding: 1%;}
.blog_google_barra_lateral_derecha{float:left;}
/*REDES BOTONES*/
.redes_sociales{width:100%;float:left;}
.redes{width:100%;box-sizing: border-box;float:left;}
.redes_facebook{background-image: url("../imagenes/ICONO FACEBOOK_PEQUE.png");background-repeat: no-repeat;background-position: center;box-sizing: border-box;width:33%;float:left;background-color: #2A447B;height:35px;border-radius: 0px 0px 0px 4px;transition-property: all;transition-duration: 0.5s;transition-timing-function: ease;transition-delay: 0s;}
.redes_facebook:hover{background-color: #5176C4;}
.redes_twitter{background-image: url("../imagenes/ICONO TWITER_PEQUE.png");background-repeat: no-repeat;background-position: center;box-sizing: border-box;width:34%;float:left;background-color: #4B9CDA;height:35px;transition-property: all;transition-duration: 0.5s;transition-timing-function: ease;transition-delay: 0s;}
.redes_twitter:hover{background-color:#91C2E8;}
.redes_googlemas{background-image: url("../imagenes/ICONO GOOGLE +_PEQUE.png");background-repeat: no-repeat;background-position: center;box-sizing: border-box;width:33%;float:left;background-color: #F63E28;height:35px;border-radius: 0px 0px 4px 0px;transition-property: all;transition-duration: 0.5s;transition-timing-function: ease;transition-delay: 0s;}
.redes_googlemas:hover{background-color:#FA8376;}
.span_redes{font-family: tims, cursive, serif;color: #64646c;margin-bottom: 2%;display: block;width: 100%;text-align: center;font-size: 1.2em;}
/*FIN redes*/
.tabla_contenidos{width:auto;padding:10px;float:left;box-sizing:border-box;background-color:#E8E8E8;border:solid thin #BAAEAE;}
.tabla_contenidos a{color:#09F;}
.tabla_contenidos a:hover{color:#666;}
iframe.ytb-embed {max-width: 96% !important;display: block;margin: 10px auto;}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }
input[type="button"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{ border : 0px;}
.container_header {max-width: 990px;margin: 0px auto;}
.header_blog{float: left;width: 100%;}
.container_blog {
max-width: 990px;
margin: 0px auto;
}
.producto_post{float:left;width:100%;box-sizing:border-box;}
.producto_post h3{text-align:center; margin-top:15px;}
.descripcion_producto_post{	float: left;padding-top: 3%;border-bottom: solid thin darkslategray;padding-bottom: 3%;font-family: Arial, Helvetica, sans-serif;}
.foto_producto_post{width:100%;float:left;}
.boton_producto_post_precio{cursor:pointer;border: none;background-color: #FAA932;color: white;padding: 10px;font-size: 1.1em;border-radius: 2px; float:right;}
.boton_producto_post_precio:hover{background-color:#09F;}
.social{width:100%;float:left;}
#contenido{width:100%;box-sizing:border-box;float:left;margin-top:4%;}
.contenedor_posts{padding-bottom: 20px;float:left;width:70%; border:1px solid #ddd; background-color:#FFF;padding-left:3%;padding-right:3%;box-sizing:border-box;}
.posts{width:100%;box-sizing:border-box;float:left;border-bottom: solid thin #c5c5c5;margin-bottom: 15px;}
.fecha_post{width: 63px;background-color: #0274BE;color: #FFF;text-align: center;padding: 7px;margin-left: -5%;display: block;margin-top: 4%;padding-left: 18px;padding-right: 18px;font-size:11px;}
.entrada_autor{	float:left;	display:block;	width:100%;	box-sizing:border-box;	color:#999;	text-transform: uppercase;font-size: 0.75rem;}
.posts h1{width:100%;float:none;display:block;margin-top:2%;font-size:2.25rem;font-weight:400;box-sizing: border-box;}
.posts h2{width:100%;float:left;display:block;margin-top:2%;font-size:1.6rem;font-weight:400;box-sizing: border-box;}
.posts h3{width:100%;float:left;display:block;font-size:1rem;font-weight:600;box-sizing: border-box;}
.posts h2 a{color:#0274BE;}
.posts h2 a:hover{color:#333;}
.posts p{color:#6b6b6b;float:left;}
.foto_blog{width:100%;float:left;margin-bottom: 4%;}
/*imagen responsive*/
img {height: auto;max-width: 100%;margin-bottom: 25px;float:left;}
.barra_lateral_derecha_blog{float: left;width: 26%;box-sizing: border-box;margin-left: 3%;}
.posts_mas_visitados{float: left;width: 100%;box-sizing: border-box;padding:4%;}
.posts_mas_visitados span{display: block;font-weight: 600;color: #999;font-size: 0.9em;margin-bottom: 3%;border-bottom: solid thin #E4E3E3;}
.contenedor_post_mas_visitados{}
.foto_mastitulo{float: left;margin-top: 3%;height: 75px;width: 100%;box-sizing: border-box;border-bottom:#CCC thin solid;}
.foto_post_masvisitado{float: left;box-sizing: border-box;width: 35%;height: 75px;}
.foto_post_masvisitado img{float:right;}
.titulo_post_masvisitado{font-size: 0.85rem;color: #393939;float: left;width: 65%;box-sizing: border-box;padding-left: 7px;height: 75px;}
.ultimos_comentarios{float: left;width: 100%;box-sizing: border-box;margin-top:3%;padding:4%;}
.ultimos_comentarios span{display: block;font-weight: 600;color: #999;font-size: 0.9em;border-bottom: solid thin #E4E3E3;}
.contenedor_ultimos_comentarios{float:left;width:100%;box-sizing:border-box;}
.titulo_mas_comentario{width:100%;float:left;border-bottom:#CCC solid thin;padding-bottom:14px;}
.titulo_ultimos_comentarios{width: 100%;float: left;font-size: 0.85rem;color: #393939;float: left;background-image: url(../imagenes/bocadillo.png);background-repeat: no-repeat;padding-left: 25px;margin-top: 15px;}
.comentario_ultimos_comentarios{padding: 10px;margin-top: 3%;position: relative;border-radius: 8px 8px 8px 8px;width: 98%;float: left;background-color: #5eafff;border: solid thin #5eafff;color: white;font-size: 0.75rem;box-sizing:border-box;}
.comentario_ultimos_comentarios:after{content: "";position: absolute;top: 100%;left: 20px;border-top: 20px solid #d6d6ff;border-top-color: inherit;/*border-left: 20px solid transparent;*/border-right: 20px solid transparent;}
.user_fecha{float: left;width: 100%;margin-top: 19px;font-size: 0.85rem;}
.user_fecha span{float:left;display:inline-block;border:none;padding-left:5px;}	
#footer_blog{width: 100%;float: left;text-align: center;margin-top: 50px;border-top: solid thin #e0e0e0;padding-top: 10px;font-size: 0.90rem;color: #2c9dfc;}
/* PAGINA-POST*/
.comentarios{width:100%;box-sizing:border-box;float:left;margin-top:25px;}
.gravatar{border-radius:50%;height:48px;width:48px;float:left;}
/*FORMULARIO COMENT*/
.formulario_comentarios{float:left;width:100%;box-sizing:border-box;}
.formulario_comentarios fieldset{border:none;}
.formulario_comentarios label{display:block;width:100%;float:left;color: #6c6565;font-weight: 600;}
.formulario_comentarios input{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #D5D5D5; padding: 0 4px 0 4px;padding:10px;width:55%;box-shadow: 0 1px 3px #eee;color: #999;font-size: 1rem;}
.formulario_comentarios textarea{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #D5D5D5; padding: 0 4px 0 4px;padding:10px;width:95%;box-shadow: 0 1px 3px #eee;color: #999;font-size: 1rem;}
.formulario_comentarios div{width:100%;float:left;box-sizing:border-box;padding:8px;}
#boton{cursor:pointer;color:#FFF;float:left;width:50%;margin-left:10px;background-color: #2c2c2c;font-weight: 800;transition-property: all;transition-duration: 0.4s;transition-timing-function: ease;transition-delay: 0s;}
#boton:hover{ background-color:#09F;}
/*CAJAS COMENTARIOS*/
.comentarios h3{font-size: 1.55rem;float:left;margin-top: 15px;}
.caja_comentario{float:left;width:100%;box-sizing:border-box;border:#CCC thin solid;border-radius:5px;padding:20px;margin-top:20px;}
.caja_comentario_respuestas{float: left;width: 100%;box-sizing: border-box;margin-top: 30px;border-left: solid medium #808080;padding: 20px;}
.caja_comentario_header{float:left;width:100%;box-sizing:border-box;}
/*.caja_comentario_foto{width:20%;float:left;}*/
.caja_comentario_nombre{width:78%;float:left;text-align:left;padding-left: 20px;margin-bottom: 5px;font-size: 1.30rem;color:#999;}
.caja_comentario_fecha{width:78%;float:left;text-align:left;padding-left: 20px;font-weight: 600;}
.caja_comentario_post{float:left;width:100%;box-sizing:border-box;color:#444;}
.caja_comentario_responder{float: left;width: auto;border: solid thin #0577bf;border-radius: 5px;padding: 5px;color: #0577bf;cursor: pointer;font-size: 0.8rem;font-weight: 600;transition-property: all;transition-duration: 0.4s;transition-timing-function: ease;transition-delay: 0s;}
.caja_comentario_responder:hover{background-color:#0577bf;color:#FFF;}

#cont_boton_menu_blog{margin-top:1%;display:none;}
#toggle{background-image: url(../imagenes/boton_menu_blog.png);background-color:#F5F5F5;background-repeat: no-repeat;display: block;float: right;height: 44px;width: 47px;margin-right: 1%;cursor:pointer;border:none;}
#nav span {
    display: none;
}
#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    background-color: #F5F5F5;
    border-bottom: 5px solid #333333;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
    width: 98%;
}
#nav ul.subs {
	background-color: #FFFFFF;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	color: #333333;
	display: none;
	left: 0;
	padding: 2%;
	position: absolute;
	top: 54px;
	width: 96%;
	font-family: Arial, Helvetica, sans-serif;
}
#nav > li {
    border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align: left;
	font-size: 0.7rem;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
}
#nav > li > a {
    color: #333333;
    display: block;
    font-size: 1.3em;
    line-height: 49px;
    padding: 0 24px;
    text-transform: uppercase;
}
#nav > li:hover > a, #nav > a:hover {
    background-color: #F55856;
    color: #FFFFFF;
}
#nav li.active > a {
    background-color: #333333;
    color: #FFFFFF;
}

/* submenu */
#nav li:hover ul.subs {
    display: block;
}
/*ultimos posts*/
#nav ul.subs > li.ultimos_posts {
    display: inline-block;
    float: none;
    padding: 10px 1%;
    vertical-align: top;
    width: 33%;
	border-right:solid thin #CCC;
}
/*destacados*/
#nav ul.subs > li.destacados {
    display: inline-block;
    float: none;
    padding: 10px 1%;
    vertical-align: top;
    width: 60%;
}
#nav ul.subs > li.destacados div{font-size: 1.5em;color: #F00;line-height: 17px;padding-bottom: 2px;margin-bottom: 13px;}
.destacados li{width:45%;float:left;}
#nav ul.subs > li a {
    color: #777777;
    line-height: 20px;
}
#nav ul li a:hover {
    color: #F55856;
}
#nav ul.subs > li > a {
    font-size: 1.3em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#nav ul.subs > li li {
    /*float: none;*/
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
    padding-left: 15px;
}
/*CSS PARA BOTONES SOCIALES FLOTANTES*/
/*.botones-sociales {
position: fixed;
top: 200px;
width: 45px;
z-index: 9999;
}
.izquierda {
left: 0;
}
.derecha{
right: 0;
}
.botones-sociales #twitter-btn .social,
.botones-sociales #facebook-btn .social,
.botones-sociales #google-btn .social,
.botones-sociales #rss-btn .social,
.botones-sociales #pinterest-btn .social,
.botones-sociales #youtube-btn .social {
background-color: #33353B;
background-image: url(../imagenes/imagenes_redes.png);
}
.izquierda #facebook-btn span {
background-position: right 10px;
}
.izquierda #twitter-btn span {
background-position: right -35px;
}
.izquierda #google-btn span {
background-position: right -127px;
}
.izquierda #rss-btn span {
background-position: right -80px;
}
.izquierda #pinterest-btn span {
background-position: 11px -177px;
}
.izquierda #youtube-btn span {
background-position: 11px -223px;
}
.derecha #facebook-btn span {
background-position: 12px 10px;
}
.derecha #twitter-btn span {
background-position: 11px -35px;
}
.derecha #google-btn span {
background-position: 10px -127px;
}
.derecha #rss-btn span {
background-position: 11px -80px;
}
.derecha #pinterest-btn span {
background-position: 11px -177px;
}
.derecha #youtube-btn span {
background-position: 11px -223px;
}
.botones-sociales #facebook-btn:hover .social {
background-color: #3B5998;
}
.botones-sociales #twitter-btn:hover .social {
background-color: #62BDB2;
}
.botones-sociales #google-btn:hover .social {
background-color: #DB4A39;
}
.botones-sociales #rss-btn:hover .social {
background-color: #FF8B0F;
}
.botones-sociales #pinterest-btn:hover .social {
background-color: #D43638;
}
.botones-sociales #youtube-btn:hover .social {
background-color: #C4302B;
}
.botones-sociales a:hover .texto{
display: block;
}
.izquierda .social {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: left;
height: 43px;
margin-bottom: 2px;
width: 43px;}

.izquierda .texto{
display: none;
float: right;
font-size: 1em;
font-weight: bold;
margin: 11px 40px 11px 0px;
white-space: nowrap;
}
.derecha .social {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: right;
height: 43px;
margin-bottom: 2px;
width: 43px;}

.derecha .texto {
display: none;
float: left;
font-size: 80%;
font-weight: bold;
margin: 11px 0 11px 40px;
white-space: nowrap;
}
.botones-sociales .texto{
color: #FFFFFF;
}*//*FIN CSS PARA BOTONES SOCIALES FLOTANTES*/
/*BOTON SUBIR*/
.scrollup{
	background:url('../imagenes/CONJUNTO_IMAGENES.png') no-repeat;
	background-position: -82px -118px;
	width:53px;
	height:49px;
	position:fixed;
	bottom:36px;
	right:5%;
	display:none;
	text-indent:-9999px;
}
    .scrollup:hover{
	background:url('../imagenes/CONJUNTO_IMAGENES.png') no-repeat;
	background-position: -4px -251px;
	width:53px;
	height:49px;
	cursor:pointer;}
/* responsive rules */
@media all and (max-width : 980px) {
    #nav > li {
        float: none;
        border-bottom: 0;
        margin-bottom: 0;
    }
    #nav ul.subs {
        position: relative;
        top: 0;
    }
    #nav li:hover ul.subs {
        display: none;
    }
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs,#nav li #s3:target + ul.subs,#nav li #s4:target + ul.subs,#nav li #s5:target + ul.subs,#nav li #s6:target + ul.subs,#nav li #s7:target + ul.subs,#nav li #s8:target + ul.subs {
        display: block;
    }

    #nav ul.subs > li.ultimos_posts {
        display: block;
        width: auto;
		border-right:none;
    }
	#nav ul.subs > li.destacados {
        display: block;
        width: auto;
    }
	
#nav{display:none;}
#cont_boton_menu_blog{display:block;margin-top: 35px;}
.contenedor_posts{width:100%;float:left;box-sizing:border-box;}
.barra_lateral_derecha_blog{width:100%;float:left; box-sizing:border-box;margin-left:0%;margin-top: 3%;}
}