/*
Theme Name: Nuevamerica 1.5.4
Theme URI: 
Author: Ivan Quiñones
Version: 1.5.4
Description: formulario de correo STMP
*/

@import url('css/reset.css');
@import url('css/flexslider.css');
@import url('css/slideshow.css');
@import url('css/nexa/fonts.css');

/*HEADER*/
@charset "utf-8";
header {
	background-color: #fff;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	text-align:left;
}
header #logoyfrase{
display:inline-block;
height:auto;	
padding: 5px 0px 5px 20px;
position:relative;
}
#logoyfrase > #logotipo{
	width:200px;
	height:120px;
	display: inline-block;
    background: url(img/logo/logo-nuevamerica.png) no-repeat;
    text-indent: -9999px;
	background-position: 0px 0px; /* x y */
}

/*borrar si funciona el sprite*/
header #logotipo img{
	height: auto;
	width: 100%;
}/*borrar*/
#frase{
display:inline-block;
vertical-align:bottom;
text-align:left;
font-family: 'Nexa-Bold',"Helvetica","sans serif" !important;
}
@media screen and (max-width:340px){
#frase{ display:none;}
}
#frase > h2.frase{
font-size:1.5em !important;
vertical-align:middle;
}
#franja-header{
display:none;
}

/*cuadro de contactos*/
#hcontacto {
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0px;
}
#hcontacto > ul > li {
	float: left;
	margin:5px;
	padding-bottom:2px;
}
#hcontacto > ul > li > a > div.facebook, #hcontacto > ul > li > a > div.google, #hcontacto > ul > li.franja{
display:block;
background: url(img/sprite.png) no-repeat;
text-indent: -999999px;
}
#hcontacto > ul > li.franja{
width:260px; 
height:28px;
background-position: -334px -32px;
margin: 0px;
}

#hcontacto .telefono, .telefono a:link{
	background-color:rgba(230,230,230,1);
	color: rgba(100,100,100,1);
}
#hcontacto > ul > li > a > div.facebook {
width:16px; 
height:16px;
background-position: 0 -32px;
}
#hcontacto > ul > li > a > div.google {
width:16px; 
height:16px;
background-position: -32px -32px;
}

/*cuadro de contactos*/

/* NUEVO MENU */
#nav-menu{
text-align:center !important;
}
#toggle, .toggle { display: none; }
.menu > li { list-style: none; float:left;        }

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

@media only screen and (max-width: 628px){
        .menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
        .menu > li { display: block; width: 100%; margin: 0; }
        .menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        .toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
        #toggle:checked + div .menu { display: block; opacity: 1; display:inline-block;}
}
/*--------------------------------
Presentation Styles (Editable)
---------------------------------*/

.nav{
    margin: 0 auto;
	display:inline-block;
	width:100%;
	background:white;
}
@media screen and (min-width:629px){
	.menu{display:inline-block;}
	.nav{text-align:center;}
}

.nav, .menu, .menu > li, .menu > li > a{
        height: 100%;
}

.menu > li > a{
		color: black;
        display: block;
        padding: 10px 30px;
        text-decoration: none;
        font-weight: normal;
        font-size: 16px;
        line-height: 1;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		-webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; /*efecto de movimiento*/
}
@media screen and (max-width:910px){
.menu > li > a{padding: 10px 20px;}
}
@media screen and (max-width:770px){
	.menu > li > a{padding: 10px 10px;}
	#logoyfrase > #logotipo{
	width: 150px;
	height:90px;
	display: inline-block;
    background: url(img/logo/logo-nuevamerica.png) no-repeat;
    text-indent: -9999px;
	background-position: -210px -30px;
	}
	#frase > h2.frase{font-size:1.2em !important;}	
}
.menu > li > a:hover, .menu > li > a:focus{
        background: #F2F2F2;
        box-shadow: inset 0px -5px rgb(226,6,19);
        color: #000;
}
.current_page_item a{

        box-shadow: inset 0px -5px rgb(226,6,19);
  

}
.toggle{
        z-index: 20;
		position:relative;
}
/*Menu de celular*/
@media only screen and (max-width:628px){
 #franja-header{
 width:100%;
 display:inline-block;
 height:100%;
 }
 #franja-header > img{
 width:100%;
 height: auto;
 vertical-align:top;
 }

	.nav{
	margin-top:10px;
	}
	#hcontacto{display:none;}
	header {text-align:center;}
	header #logoyfrase{padding:5px 0 0}

        .menu{
                background: #FFFFFF;
        }
        
        .menu, .menu > li, .menu > li > a{
                height: auto;
				position:relative;/*permite desplegar el menu.*/
        }
        
        .menu > li > a{
                padding: 15px 15px;
				border-bottom:solid 1px rgb(200,200,200);
				-webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
        }
		.menu-item-object-category a, .current_menu_item a, .current_page_item a{
		box-shadow:none;
		background: rgb(200,200,200);
		}
        
        .menu > li > a:hover, .menu > li > a:focus{
                background: #F2F2F2;
                box-shadow: inset 5px 0px rgb(226,6,19); /*franja de color*/
                padding: 15px 15px 15px 15px;
				
        }
        
        .toggle:after {
                content: attr(data-open);
                display: block;
				width:100%;
                margin: 0 auto;
                padding: 10px 10px; /*ancho del cuadro*/
                background: #fff;
				border-top:solid 1px rgb(200,200,200);
				border-bottom:solid 1px white;
                text-align: center;
                font-size: 12px;
                color: rgb(200,200,200);
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
        }
        
        .toggle:hover:after{
                border:solid 1px rgb(226,6,19);
				color: rgb(226,6,19) ;
				margin: 0 auto
        }
        
        #toggle:checked + div .toggle:after{
                content: attr(data-close);
        }
		.nav > label{
			height: auto;
		}
}
/*enconder chat*/
@media screen and (max-width:480px){
.zopim{display:none !important;}
}
/*HEADER*/
h1, h2, h3{
font-family:'Nexa-Bold', helvetica;
text-align:left;
text-transform: uppercase;
}
strong{
font-weight:bold;
}
.the_content img, .full-size, .wp-caption{
	max-width:100%;
    width: 100% !important;
	height:auto;
    } 
.wp-caption-text{
color:gray;
text-align: right;
font-size: 0.8em
}
.the_content > h2, .the_content > h3{
font-family: Helvetica, 'Arial', sans-serif;
margin:1.2em 0em 0.2em;
text-transform:none;
font-weight:100;
color: rgb(266,6,19) !important;
}


.the_content > h2{
font-size: 1.6em;
}

.the_content > h3{
	font-size:1.3em;
	font-style:italic;
}

.the_content p {
	margin-bottom:15px;
	line-height: 1.37em;
	color: rgb(10,10,10);
}
.the_content a{
font-style:italic;
color: rgb(266,6,19) !important;
}
.the_content > ul {
width:80%;
margin:0 auto 15px;
}
.the_content > ul > li{
width:100%;
padding:5px;

}
.the_content > ul > li:first-child{
background:rgb(230,230,230);
font-size:1.2em;
}
.the_content > ul > li:nth-child(2n+3){
background:rgb(250,250,250);
font-size:1em;
}

/*NOTICIAS*/
#contenedor_blog_sidebar{
width:100%;
text-align:justify;
}
#contenedor_blog{
max-width:630px;
width:100%;
min-width:240px; 
display:inline-block;
vertical-align:top;
}
#category{
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
width:100%;
padding:10px;
background:rgb(250,250,250);
margin-bottom:10px
}
#category >h3, #category >p{
color:rgb(200,200,200);

}

article{
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
background:white;
width:100%;
padding: 10px;
margin: 0 0 10px;
position:relative;/*Para contener el class post*/
}
article h2, article h1{
	font-size: 2em;
}
article .titulo{
margin-bottom:10px;
}
article .datos{
	color:rgb(156,156,156);
	text-align:left;
}
article .datos a{
font-size:0.8em
}
article .the_content{
margin-bottom:10px;
text-align:left;
}
.tag{
width: 100%;
margin: 10px 0px;
text-align: left;
}
.tag > ul > li{
display:inline-block;
}
.tag > ul > li > a{
color:rgb(156,156,156);
border: 1px solid rgb(156,156,156);
padding:2px 10px 2px 10px;
margin: 5px 10px 5px 0px;
display:block;
}
.tag > ul > li > a:hover{
color:white;
border: 1px solid rgb(156,156,156);
background:rgb(156,156,156);
}
#sidebar{
width:300px;
display:inline-block;
vertical-align:top;
background:rgb(250,250,250);
padding:10px;
}
#sidebar .cuadro li{padding:0.2em 0}
@media screen and (max-width: 970px){
	#sidebar, #sidebar > .cuadro{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center;}
	#sidebar{
		margin-top:10px;
		max-width: 630px;
		width:100%;
	}
	#sidebar > .cuadro{
		display:inline-block;
		vertical-align:top;
		padding: 0px 5px 5px 5px;
	}
	#sidebar > .cuadro > h3{
		text-align:left
	}
	#searchform{
		width:100%;
		overflow:hidden;
	}
	#searchform #searchsubmit{
		float:right;
		margin-bottom:5px;
	}
	#contenedor_blog{padding:4px;}

	/*formulario buscaqueda*/
	#searchform #s{float:right;}
	#facebook{overflow:hidden;}
	#contenedor_blog_sidebar{text-align:center;}
}

/*NOTICIAS EN EL INDEX*/
#noticias_index, .noticias_index_categoria{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#noticias_index{
	width:100%; 
	text-align:justify;
}
.noticias_index_categoria{
	width:49%;
	min-height: 100px;
	padding: 10px;
	background: white;
	display:inline-block;
	vertical-align:top;
}
@media screen and (max-width: 770px){
	.noticias_index_categoria{
		width: 100%;
		margin: 0px 0px 5px;
	}
	#noticias_index{
		width:100%;
		margin:0px 5px;
	}
}

.noticias_index_categoria > .titulo{
border-bottom: solid 2px rgb(240,240,240);
margin: 0px 0px 4px !important;
}
.noticias_index_categoria > .titulo > h2{font-size: 1.2em;}
.noticias_index_categoria ul > li{margin:0px 0px 4px;}
.noticias_index_categoria ul > li > a > b{
vertical-align:middle;
font-weight:bold;
}
.noticias_index_categoria ul > li > a.fecha{
color:rgb(156,156,156);
font-size:1em;
font-weight:normal;
}

/*NAVEGACION POST*/
#navegacion_post{
background: white;
overflow:hidden;
width:100%;
}
#previous_post{
float:left;
}
#next_post{
float:right;
}
#previous_post a, #next_post a,#previous_post a span, #next_post a span{
background:rgb(40,40,40);
color:rgb(200,200,200) !important;
display:block;
padding: 2px 10px;
margin:10px;
}
#previous_post a:hover, #next_post a:hover{
background: rgb(226,6,19);
color:white;
display:block;
padding: 2px 10px;
margin:10px;
}


#sidebar > .cuadro{
margin-bottom:20px;
}
/*BUSCADOR*/
#searchform{
width:100%;
overflow:hidden;
}
#searchform .screen-reader-text{
display:none;
}
/*boton buscar*/
#searchform #searchsubmit{
float:right;
padding: 5px 10px;
background: rgb(226,6,19);
color:white;
border: 0px;
}
/*formulario buscaqueda*/
#searchform #s{
float:left;
background:white;
padding: 5px 10px;
color:black;
border: 1px solid black;
max-width:200px;
width:100%;
}



/*TITULO DE CATEGORIA PARA SINGLE.PHP*/
article .mini_categoria{padding: 0 0 0.5em}
article .mini_categoria > .categoria,
article .mini_categoria > .fecha{ /*article era antes div class:noticia*/
font-size:1em !important;
color:rgb(156,156,156) !important;
text-align:left;
font-family: Helvetica, 'Arial', sans-serif;
margin-bottom: 10px;
text-align:left !important;
}
article .mini_categoria > .fecha:before{
content:" / "
} 


/*NAVEGACION CATEGORIA*/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

/*BOTONES SOCIALES EN SINGLE PHP*/
#botones_sociales{
text-align:center;
margin: 50px auto 0;
}
#botones_sociales > .boton{
display:inline-block;
vertical-align: bottom;
padding: 0px 10px;
}

/*antiguo basicos css*/
a, p, h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

a, a:link, a:hover, a:visited, a:active {
	text-decoration: none;
	color: #000;
}
body {
	background: rgb(230,230,230);
	font-size: 14px !important;
	font-family: Helvetica, 'Arial', sans-serif !important;
	-webkit-font-smoothing: antialiased;
	height: auto;
}
#contenedorColumnas{
	text-align: justify;
	width: 100%;
}

#contenedorColumnas .superior{
	vertical-align: top;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: white;
	padding: 10px;
	height: auto;
	display: inline-block;
	overflow: hidden;
	text-align:left;
}
.powered{width:100%; padding:10px 0;}
/*columnas usadas en las page*/
.columnas{overflow:hidden; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.columnas .left, .columnas .right{
padding-bottom:32768px;
margin-bottom:-32768px;	
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
position:relative;
width: 49%;
min-width:350px;
padding-left: 10px;
padding-right:10px;
padding-top:10px;
 overflow:hidden;
}
@media screen and (max-width:960px){
.columnas{padding: 0 10px;}
}
@media screen and (max-width:730px){
.left, .right{ 
float:none !important;
 margin: 10px auto 10px;
 margin-bottom:10px !important;
 padding-bottom:10px !important;
 
 max-width:500px;
 width:100% !important;
 min-width:200px !important;
 }
}
.left{float:left;}
.right{float:right;}

#contenedorColumnas .superior{
	width: 100%;
}

img.completa{
	height: auto;
	width: 100%;
}
img.tenemos{
}
@media screen and (max-width:320px){
	img.tenemos{
		height: auto;
		width: 100%;
	}
}

.columnas .titulo{
margin-bottom:10px;
}

.columnas .titulo > h2.blanco{
	display:block;
	bottom: 0px;
	position: absolute;
	width: 100%;
	color: white;
	padding:0px 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	text-shadow: 1px 1px rgba(0,0,0,0.5);
	}
.superior #titulo{
width: 400px;
display: inline-block;
}
.superior .descripcion{
width: 450px;
display: inline-block;
}

.superior, .columnas{
 margin-bottom:10px !important;
 }
/*MAPA*/
#map-canvas {
	height: 352px;
	margin: 0px;
	padding: 0px;
	width: 100%;
    }
/*mapa*/

/*textos*/
.columnas h2, .superior > h2{
font-size:3em;
}
/*acceso clientes*/
.superior > h1{
font-size:3em;
}
.columnas > h3{
font-size: 2em !important;
}
.columnas > p{
margin-bottom:1em;
text-align: left;
}
.reducir {
	font-size:3em;
}

p {
	font-size: 1em;
	line-height:1.3em;
	margin-bottom: 0.5em;
	text-align: left;
	font-weight: normal;
}
.logo_cliente {
	float: left;
	height: 60px;
	width: 60px;
	margin:5px;
}
.coca-cola, .nestcafe, .volvo, .peugeot, .copec, .chilectra, .tvn, .virgin, .cocha, .gastby, .bci, .paris, .sodimac, .copesa, .mts, .kupfer, .gimax, .havas, .ogilby, .gob, .porta, .ccu, .everlast, .unicef, .stacruz, .metrogas{background: url(img/clientes-sprite.png) no-repeat;text-indent: -999999px;}
.coca-cola{background-position:0px 0px !important;}
.nestcafe{background-position:-70px 0px !important;}
.volvo{background-position:-140px 0px !important;}
.peugeot{background-position:-210px 0px !important;}
.copec{background-position:-280px 0px !important;}
.chilectra{background-position:-350px 0px !important;}
.tvn{background-position:-420px 0px !important;}
.virgin{background-position:-490px 0px !important;}
.cocha{background-position:-560px 0px !important;}
.gastby{background-position:-630px 0px !important;}
.bci{background-position:-700px 0px !important;}
.paris{background-position:-770px 0px !important;}
.sodimac{background-position:-840px 0px !important;}

.copesa{background-position:0px -70px !important;}
.mts{background-position:-70px -70px !important;}
.kupfer{background-position:-140px -70px !important;}
.gimax{background-position:-210px -70px !important;}
.havas{background-position:-280px -70px !important;}
.ogilby{background-position:-350px -70px !important;}
.gob{background-position:-420px -70px !important;}
.porta{background-position:-490px -70px !important;}
.ccu{background-position:-560px -70px !important;}
.everlast{background-position:-630px -70px !important;}
.unicef{background-position:-700px -70px !important;}
.stacruz{background-position:-770px -70px !important;}
.metrogas{background-position:-840px -70px !important;}

b.negro{
color: rgb(0,0,0);
text-transform: uppercase;
font-weight: bold;
}

@media screen and (min-width:456px) and (max-width:920px){	
	#contenedorColumnas{
	text-align: center;
	width: 100%;
	/*nuevos*/
	}
}
@media screen and (max-width:474px){
	#contenedorColumnas{
	text-align: center;
	width: 100%;
	}
	.superior #titulo, .superior .descripcion{
	width: 100%;
	display: inline-block;
	}
	#contenedorColumnas .columnas{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	vertical-align: top;
	width: 100%;
	padding: 10px;
	height: auto;
	display: inline-block;
	overflow: hidden;
	}
	.reducir {
	font-size:2.3em;
	}
	.superior > #titulo{
	width: 320px;
	display: inline-block;
	}
}
@media screen and (max-width:480px;){
.columnas h2.blanco{font-size:2em;}
}
@media screen and (max-width:340px){	
	.columnas h2, .superior > h2, .columnas .titulo  h2.blanco{
	font-size:2em !important;
	}
	/*acceso clientes*/
	.superior > h1{
	font-size:2em;
	}
	.reducir {
	font-size:1.5em;
	}
	.superior > #titulo{
	width: 220px;
	display: inline-block;
}
	.superior #titulo, .superior .descripcion{
	width: 100%;
	display: inline-block;
	}
}

#orden {
	height: 0;
	width: 100%;
	display: inline-block;
margin: 0px;
}
#orden_chico {
	height: 0px;
	width: 310px;
	display: inline-block;
	margin: 0px;
}

/*Iframe*/
#corteiframe{
	width:500px;
	height:800px;
	position: relative;
	overflow: hidden;
	margin:0 auto;
}
#enfoqueiframe{
	position:absolute;
	top:-70px; 
	left:-600px; 
	width:1200px; 
	height:870px;
}
#descripcion{
margin: 10px auto;
max-width:780px;
}
#descripcion > img{
width:100%;
height:auto;
}
#descripcion > p {
font-size: 1em;
}
/* basicos*/
/*PRODUCTOS*/
#cuadro{
	width: 100%;
	min-width: 240px;
	margin: 0 auto;
}
.item {
	background: rgb(255,255,255);
	width: 300px;
	display: inline-block;
	padding: 5px;
	height: auto;
	vertical-align:top;
	margin-bottom:10px;
}
.item > .titulo  {
	width: 100%;
}
/*
.item > img{
	width:100%;
	height: auto;
}*/
.item > .wp-post-image{
width:100%;
height:auto !important;
}
.item >.titulo > h2{
	margin: 0px;
	font-size: 1.5em !important;
	/*font-weight: 700;*/
	text-transform: uppercase;
	padding:5px 0 5px;
}
#grilla{
	overflow:hidden;
	width:100%;
	text-align:justify;
}
#grilla .item img{width:100%}
h2.destacado {
font-size:4em;
}
/*para hacer que se centraran las columnas se les dio ancho segun la pantalla de esta forma las columnas se mueven en razón de 940, 705,470 y 235px considerado que las pantallas más pequeñas de los celulares son de 240px actualmente*/
/* 3 columnas*/
@media screen and (min-width:640px) and (max-width:959px){
	#grilla{width: 640px;margin: 0 auto;}
}
/* 2 columnas*/
@media screen and (min-width:360px) and (max-width:640px){
	#grilla{width: 360px; margin: 0 auto; text-align:center;}
}
/* 1 columnas*/
@media screen and (max-width:359px){
	#grilla, .item{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#grilla{
	width: 100%;
	text-align:center;
	padding: 0 5px;
	}
	.item {
	background: rgb(255,255,255);
	width: 100%;
	display: inline-block;
	padding: 5px;
	height: auto;
	vertical-align:top;
	margin-bottom:10px;
	}
}
/*PRODUCTOS*/
/*FOOTER*/
footer {
	background: rgba(255,255,255,1);
	/*width: 100%;*/
	overflow: hidden;
	text-align:center;
	height:auto;
}
footer > .footer-img{
	min-width:240px;
	margin: 0 0 5px;
    display: block;
    height: 0;
    padding-bottom: 1%;
    background: url(img/sprite.png) no-repeat;
    background-size: 100%;
    text-indent: -9999px;
	background-position: 0 0;
}
/*footer image se puede borrar si resulta*/
footer > img {
	height: auto;
	width: 100%;
	display:inline-block;
	vertical-align:top;
	padding-bottom:5px;
}

.info, .info-oculta{
	padding: 0 10px 10px;
	display: inline-block;
	text-align: left;
	vertical-align:top;
}

.productos_orden{
display:inline-block;
text-align:left;
vertical-align:top;
}
.productos_orden a{
padding-right:5px;
}
footer a:hover{
text-decoration: underline;
}

	#contenedor_info {
		margin: 0 auto;
		width: 100%;
	}
.pefc{
background: url(img/pefc/pefc.png) no-repeat 0 0;
width:86px;
height:100px;
}
.pefc:hover{
background: url(img/pefc/pefc.png) no-repeat 0 -100px;
}
@media screen and (min-width:480px) and (max-width:719px){
	#contenedor_info{
		width: 480px;
		text-align: left;
	}
}
/*cuando la pantalla es menor a 480 se oculta los datos de selección*/
@media screen and (max-width:479px){
	#contenedor_info{
		width: 240px;
		text-align: left;
	}
	.info-oculta{display: none;}
	/*TIPOGRAFIA*/
	.info li > a{font-size:1.2em !important;}
	.info li > a > h3{font-size:1.5em;}
}
footer h3{
	font-size: 1.5em;
	text-transform: uppercase;
}
ul, li{text-align:left;}
footer ul {list-style-type: none;}
footer li > a{font-size:1em;}
footer li{
	margin-bottom:2px;
	padding-bottom:2px;
}
/*ICONOS DE CONTACTO*/
.fcontacto_direccion > a, .fcontacto_correo > a , .fcontacto_telefono > a{
display:block;
background:white;
}
.fcontacto_direccion, .fcontacto_correo, .fcontacto_telefono{
	padding-left: 18px;
	background: url(img/sprite.png) no-repeat;
}
.fcontacto_direccion{background-position: -32px -128px;}
.fcontacto_direccion:hover{background-position: 0 -128px;}
.fcontacto_correo{background-position: -32px -96px;}
.fcontacto_correo:hover{background-position: 0 -96px;}
.info img{width: 86px;}
.fcontacto_telefono{background-position: -32px -64px;}
.fcontacto_telefono:hover{background-position: 0 -64px;}
/*No sobrayar botones con iconos*/
.fcontacto_correo:hover, .fcontacto_direccion:hover, .fcontacto_telefono:hover {text-decoration: none;}
h3:hover{text-decoration:none;}
/*FOOTER*/

/*formulario*/
.formulario {
	margin: 0 auto;
	width: 100%;
	color: #666666;
	display: block;
	position: relative;
}

.alinear label{
	letter-spacing: 1px;
	width: 24%;
	display:inline-block;
}
form {
	width: 100%;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}
.alinear > input, .alinear > textarea , .alinear > select{

	width: 75%;
	color: #666666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: rgba(230,230,230,1);
	display:inline-block;
	font-size: 1em;
}
.alinear > input, .alinear >  select, .alinear >  option , .alinear > label   {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	height: 30px;
	overflow: hidden;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
		vertical-align:middle;
}
.alinear > textarea  {
	height: 100px;
	max-width: 100%;
	min-width:100%;
	min-height: 60px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
 
#submit {
	width: 85px;
	height: 35px;
	border: none;
	cursor: pointer;
	float: right;
}
#submit:hover {
	background: rgb(226,6,19);
	color: white;
}
.alinear {
	width: 100%;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(230,230,230,1);
	margin-bottom:5px;
}
@media screen and (max-width:340px){
.alinear > label, .alinear >  input, .alinear >  textarea , .alinear >  select{
	width: 100%;
	}
.alinear > label{
		height:15px;
	}
}

/*frase del index*/
.enganche{width:100%; padding: 10px; margin:0 0 10px; background:white;border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.enganche p, .enganche h1{display: inline; line-height:1.5em; font-size:1em; color:rgba(0,0,0,0.7); font-family: Helvetica, 'Arial', sans-serif !important;text-transform:none;}


.nodecoracion{text-decoration:none !important;}
.oculto{display:none}

/*CLASS POST*/
.category-tutorial{
background: url(img/tutoriales/etiqueta-tuto-grande.png) no-repeat;
position:absolute; right:-4px; top:-4px; width:80px;height:46px;}

/*estilo Single-page*/
#single-producto{width:100% !important; overflow:hidden; }
#single-producto .titulo{width:100%;}
#single-producto .fotorama{max-width:500px; /* display:inline-block; vertical-align:top;*/ float:left ; margin-right:10px;}
#single-producto  p{/*display:inline-block; min-width:300px; max-width:350px; margin: 10px; vertical-align:top;*/ float:right; margin: 0 10px;}
#single-producto #botones_sociales{margin: 50px auto 0 !important;}
#single-producto .the_content{overflow:hidden; position:relative}

@media screen and (max-width:750px){
#single-producto .the_content{text-align:center;}
#single-producto .fotorama{width:100% !important; float:none !important; display:inline-block;}
#single-producto p{float:none;}

}

/*nuevo footer celular*/
#phone {display:none}
#phone  .boton{width:30%; display:inline-block; text-align:center; vertical-align:top}
#phone .boton > .icono{width:80px; height:80px; margin: 0 auto;background: url("img/footer-phone.png") no-repeat;}
#phone .boton #call{background-position: 0 0;}
#phone .boton #email{background-position: -80px 0;}
#phone .boton #dir{background-position: -160px 0;}

@media screen and (max-width:480px){
#phone{display:inline-block; text-align:center;}
}
@media handhelp and (max-width:740px){
#phone{display:inline-block; text-align:center;}
.info-oculta{display:none;}
}