/*
Theme Name: Amanos Electronics
Description: Tema especifico para el sitio web de la empresa.
Version: 1.0
Author: Carlos Javier Romero
Author URI: http://www.amanos.com.co
Tags: Equipos, corporativo, industrial, productos, ecommerce
*/

@font-face {
    font-family: 'Aller';
    src: url('fuentes/Aller.eot');
    src: url('fuentes/Aller.eot?#iefix') format('embedded-opentype'),
         url('fuentes/Aller.woff') format('woff'),
         url('fuentes/Aller.ttf') format('truetype'),
         url('fuentes/Aller.svg#Aller') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aller-bd';
    src: url('fuentes/Aller-bd.eot');
    src: url('fuentes/Aller-bd.eot?#iefix') format('embedded-opentype'),
         url('fuentes/Aller-bd.woff') format('woff'),
         url('fuentes/Aller-bd.ttf') format('truetype'),
         url('fuentes/Aller-bd.svg#Aller-bd') format('svg');
    font-weight: normal;
    font-style: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

* { margin:0; padding:0; text-decoration:none; list-style-type:none; outline:none; border:none; }

html, body { height:100%; }

body { background:#FEFEFE/*#E8E8E7 url(images/bg.jpg) repeat*/; font-family:'Aller', serif; font-size:14px; color:#555; line-height:20px; text-align:justify; }
.pagina{ margin:0; padding:0; width:100%; height:100%; display:table; }
.wrap{ width:960px; margin:0 auto; overflow:hidden; }
a { color:#005F95; }
a:hover { color:#F90; }


/*-------------------------------------------------------------------------------------------------------*/
/*#header{ background:#005F95 url(images/cabezote.jpg) repeat;  border-top:10px solid #2B2B2B; color:#FFF;  border-bottom:1px solid #CCC; }*/

#header{ background:#005F95; border-top:5px solid #000; color:#FFF;} /*url(images/header.png) no-repeat bottom center*/
#header .contenido { height:110px; }
.header-1 #logo{ float:left; height:60px; width:300px; display:block;  margin:25px 0; }
#navegacion{ float:left; width:660px; }
#nav{ float:right; }
#nav ul { z-index:99999; }
#nav ul li{ float:left; margin-left:2px; }
#nav ul li a{ color:#CCC; background:#000; padding:30px 15px 10px 15px; display:block; border-radius:0 0 8px 8px; }
#nav ul li a:hover{ color:#FFF; }

#nav ul li.current-post-ancestor a, #nav ul li.current-menu-parent a, #nav ul li.current-post-parent a,
#nav ul li.current-category-ancestor a,
#nav ul li.current a, #nav ul li.current-menu-item a { padding:60px 15px 10px 15px!important; color:#FFF; font-family:Aller-bd!important; letter-spacing:0.02em!important; }


#nav li.current-menu-parent a { color:#CCC!important; }
/*#nav ul li.current a:hover{ color:#005F95; }*/
#nav ul li:first-child a { border-radius:0 0 8px 8px; } 
#nav ul li:last-child a { border-radius:0 0 8px 8px; }


.header-2 { clear:both; height:300px; }


/*-------------------------------------------------------------------------------------------------------*/
#content{ text-shadow:1px 1px 1px #FFF; }


/*-------------------------------------------------------------------------------------------------------*/
#sidebar{ float:left; width:298px; border-right:1px solid #DDD; }
#sidebar .contenido{ margin:60px 40px 60px 40px;}

.menu-2 { font-size:14px; }
.menu-2 li { border-bottom:1px solid #DDD; padding:5px 0; cursor:pointer; }
.menu-2 li li { margin-left:10px; border:none; /*padding:8px 0 8px 0;*/ }
.menu-2 li a { color:#555; line-height:20px; display:block; }
.menu-2 li a:hover { color:#F90; }

.menu-2 li.current-menu-ancestor,
.menu-2 li.current-post-ancestor,
.menu-2 li.current-category-ancestor,
.menu-2 li.current-menu-parent,
.menu-2 li.current-post-parent,
.menu-2 li.current-menu-item { font-weight:bold !important; color:#005F95!important; }

.menu-2 li.current-post-ancestor li,
.menu-2 li.current-menu-parent li,
.menu-2 li.current-post-parent li,
.menu-2 li.current-menu-item li { font-weight:normal; }

.menu-2 .indicador { width:20px; height:20px; background:url(images/flecha.png) no-repeat; text-indent:-9999px; display:block; float:right; }
.menu-2  li > ul .indicador { background:url(images/flecha2.png) no-repeat; }
.menu-2 .activado > a { color:#005F95; }
.menu-2 .sf-breadcrumb > a { font-weight:bold; }



/*-------------------------------------------------------------------------------------------------------*/
#blog{ float:left; width:660px; }
#blog .contenido{ margin:60px 0 0 40px; }


/*-------------------------------------------------------------------------------------------------------*/
#page{ float:left; width:960px; }
#page .contenido{ margin-top:60px; display:table; }


/*-------------------------------------------------------------------------------------------------------*/
#footer { clear:both; /*background:#2B2B2B;*/ font-size:12px; text-shadow:1px 1px 1px #FFF; }
#footer .contenido{ margin:15px 0; color:#005F95; overflow:hidden; }
#footer a { color:#005F95; }
#footer a:hover { color:#333; }


/*-------------------------------------------------------------------------------------------------------*/
#page .col-2{ width:480px; float:left; }
#page .col-3{ width:320px; float:left; }
#page .col-4{ width:240px; float:left; }
#page .col-5{ width:192px; float:left; }

#blog .col-2{ width:310px; float:left; }
#blog .col-3{ width:206px; float:left; }
#blog .col-4{ width:155px; float:left; }
#blog .col-5{ width:124px; float:left; }



.izq{ float:left;  }
.der{ float:right; }
.post, .bloque { clear:both; display:table; margin:0; padding:0; width:100%; height:100%; }
.mTop { margin:20px 0 0 25px; }
.mTop img{ border:none !important; }
.mBottom { margin-bottom:20px; }
.linea { background:#FFF; border-top:1px solid #CCC; height:1px; margin:40px 0; width:100%; }
.lineaB { background:#FFF; border-top:2px solid #CCC; height:2px; margin:40px 0; width:100%; }
.fix { clear:both; }
.post { border-bottom:1px solid #CCC; height:1px; margin:0 0 40px 0; padding-bottom:20px; width:100%; }
/*.post .texto { text-align:justify; }*/
.last { border:none; margin:0; padding:0; }


/*-------------------------------------------------------------------------------------------------------*/
p { margin-bottom:5px; }
h1, h2, h3, h4, h5, h6 { margin-bottom:25px; font-family:'Aller-bd', serif; text-align:left; color:#005F95; text-shadow:1px 1px 1px #FFF; letter-spacing:-1px; }
h1 { font-size:36px; line-height:38px; }
h2 { font-size:30px; line-height:32px; }
h3 { font-size:24px; line-height:26px; }
h4 { font-size:18px; line-height:20px; }
.texto { padding:0 10px; clear:both; }
.texto img { border:5px double #005F95; border-radius:5px; }
.texto .p-single-2 img { border:none; border-radius:0; }
.text-ico { background:url(images/text-ico.png) no-repeat; padding-left:25px; }
.text-left { float:left; }
.text-right { float:right; }
.text-center { clear:both; text-align:center; }
.text-espacio { letter-spacing:1px; }
.text-X2 { font-size:1.7em; }
.bold{ font-family:'Aller-bd', serif; }


/*--------------------------------------------------------------------------------------------------------*/
.lista{margin-left:10px;}
.lista li{list-style:url(images/lista.png); margin-bottom:3px;}
.lista li > ul, .lista li > ol{margin:5px 0 5px 7px;}
.lista li > ul li, .lista li > ol li{list-style:url(images/listas.png);}

.amarillo{color:#CCB522;}
.azul{color:#3366CC;}
.rojo{color:#DF3229;}
.verde{color:#009900;}
.naranja{color:#FF6600;}
.blanco{color:#666;}
.gris{color:#888;}
.negro{color:#000;}

sup, sub{font-size:0.7em; color:#666;}
small, .small{font-size:0.8em!important;}
table{border:1px solid #FF3300; border-collapse:collapse; margin:10px auto; width:100%;}
th {background:#FF3300; }
th, td{border:1px solid #FF3300; padding:5px 3px; text-align:center; vertical-align:top; color:#FFF;}
td{color:#666; background:#FFF;}

blockquote{ margin:10px; padding:20px 20px 10px 40px; background:url(images/quote.png) no-repeat left top; border:1px solid #005F95; color:#005F95;}
code{ display:block; margin:10px; padding:25px; border:1px solid #CCC;}
cite{ display:block; margin:20px 10px 20px 20px; padding:20px; border-left:3px solid #005F95; color:#005F95;}
pre {
display:block;
margin:20px 0;
font-size:0.9em;
white-space:pre-wrap;       /* css-3 */
white-space:-moz-pre-wrap;  /* Mozilla, since 1999 */
white-space:-pre-wrap;      /* Opera 4-6 */
white-space:-o-pre-wrap;    /* Opera 7 */
word-wrap:break-word;       /* Internet Explorer 5.5+ */
}
pre:first-letter{font-size:45px; float:left; margin:0 5px 0 0; padding:6px 3px; font-weight:bold; border:1px solid #555;}
q{ display:block; margin:20px 0; color:#005F95; font-size:0.8em; font-weight:bold;}	
acronym{font-variant:small-caps; font-style:italic;}
samp{font-size:9px;}

marquee{color:#FF3300; font-size:1.5em; font-weight:bold;}
.columnado{-moz-column-count:4; -moz-column-gap:20px; -webkit-column-count:4; -webkit-column-gap:20px;}
.delineado{text-shadow:1px 1px 3px #FF3300/* PosicionX PosicionY Amplitud Color; */; filter:Shadow(Color=#FF3300,Direction=135,Strength=1);}
p.capital:first-letter{font-size:30px; line-height:25px; float:left; margin-right:5px; padding:6px 3px; font-weight:bold; border:1px solid #666;}
.link{display:block; margin-top:10px; font-weight:bold;}
.texto-der{text-align:right;}
.texto-izq{text-align:left;}
.derecha{display:block; float:right;}
.izquierda{display:block; float:left;}
.texto a[href="http://www.amanos.com.co"] { font-weight:bold; font-size:0.8em; }
.justificado{text-align:justify;}


/*--------------------------------------------------------------------------------------------------------*/
.wp-caption { text-align:center; }
.wp-caption img { margin:0 5px; }
.wp-caption-text { padding:2px 5px 0 0; text-align:right; color:#71B8FF; font-size:10px; margin-bottom:10px; }
.alignnone { float:left; text-align:left; margin:5px 10px 10px 0px; }
.alignleft { float:left; text-align:left; margin:5px 10px 10px 0px; }
.alignright { float:right; text-align:right; margin:5px 0px 10px 10px; }
.aligncenter { display:block; margin:5px auto 10px auto; }
.floatleft { float:left;}
.floatright { float:right;}
.left { float:left; margin-right:10px;}
.right { float:right; margin-left:10px;}
.fixed, .clear { clear:both;}
.gallery{margin:auto auto 20px auto; }
.gallery a:hover img{border:solid 1px #333;}
.gallery .gallery-item{float:left; margin:0 0 3px 5px; text-align:center; }
.gallery .gallery-item img{border:1px solid #000; width:191px; height:auto; }
.gallery .gallery-caption {margin-left:0;}
/*.post img { margin:10px; }*/


/*--------------------------------------------------------------------------------------------------------*/
#blog-paginacion{ clear:both; height:35px; line-height:35px; text-align:center; display:block; text-shadow:none; }
#blog-paginacion a{ padding:6px 10px; margin-left:2px; color:#DEDEDE; background:#555; border-radius:8px; }
#blog-paginacion a:hover{ color:#FFF; background:#000; }
#blog-paginacion .dots{ padding:6px 10px; margin-left:2px; color:#005F95;  }
#blog-paginacion .current{ cursor:default; padding:6px 10px; margin-left:2px; color:#FFF; background:#005F95; border-radius:8px; }
/*--------------------------*/
#post-paginacion{ clear:both; height:35px; line-height:35px; text-align:center; display:block; text-shadow:none; }
#post-paginacion span{ padding:6px 10px; margin-left:2px; color:#DEDEDE; background:#005F95; border-radius:8px; cursor:default; }
#post-paginacion a span{ padding:6px 10px; margin-left:2px; color:#DEDEDE; background:#555; border-radius:8px; cursor:pointer; }
#post-paginacion a:hover span{ color:#FFF; background:#000; }
/*--------------------------*/
#comentarios-paginacion{ clear:both; height:35px; line-height:35px; text-align:center; display:block; text-shadow:none; margin-top:20px; }
#comentarios-paginacion a { padding:6px 10px; margin-left:2px; color:#DEDEDE; background:#555; border-radius:8px; }
#comentarios-paginacion a:hover { color:#FFF; background:#000; }
#comentarios-paginacion .current{ cursor:default; padding:6px 10px; margin-left:2px; color:#FFF; background:#005F95; border-radius:8px; }


/*--------------------------------------------------------------------------------------------------------*/
#comentarios{clear:both; }
#comentarios ul, #comentarios ol{margin-bottom:0;}
.com-titulo{overflow:hidden; margin-bottom:20px;}
.com-titulo span, .com-titulo a{font-size:14px; color: #005F95; }
.com-titulo .titulo{ font-size:20px; margin-bottom:20px; letter-spacing:2px; }
.com-titulo .col-1{float:left; width:80%;}
.com-titulo .col-2{float:right;}
#comments{clear:both;}
#comments > li{ margin-top:10px; border:solid 1px #005F95;  border-radius:10px; }
.comentario{clear:both; overflow:hidden;}
.com-col-1{width:80px; float:left; margin:10px;}
.com-gravatar{text-align:center; margin-bottom:20px;}
.com-col-2{float:inherit; overflow:hidden; margin:10px; padding:0 20px;}
.com-design{width:20px; height:20px; position:relative; top:30px; left:70px;}
.com-contenido{padding:10px;}
.com-editar, .pendiente{padding:2px 0 4px; border-top:1px solid #005F95; border-bottom:1px solid #005F95;}
.com-fecha{font-size:9px; text-transform:capitalize; text-align:right;}
.com-autor, .com-autor a{font-size:16px; font-weight:bold; }
.comment-reply-link{font-weight:bold;}
#comments .children{border-top:1px dashed #005F95;}
#comments .children .even .comentario{ border-top:1px dashed #005F95;}
#comments .children .odd .comentario{border-top:1px dashed #005F95; }
#comments .children > li:first-child .comentario {border:none !important; }
#comments .children .comentario{clear:both;}
#comments .children .com-col-1{float:right; text-align:left;}
#comments .children .com-col-2{float:inherit; overflow:hidden; text-align:right; padding:0 20px;}
#comments .children .com-fecha{text-align:left;}


/*--------------------------*/
#respond{clear:both; overflow:hidden; margin-top:10px; width:100%;}
.formulario{ padding:20px;}
.contacto{margin:10px 0; overflow:hidden;}
.formulario-responder {font-size:18px; font-weight:bold; color:#005F95;}
.com-titulo .formulario-cursiva, .formulario-cursiva a{font-size:11px; font-style:italic; font-weight:bold; margin:0 5px; }
.centro{margin-top:20px; overflow:hidden;}

.formulario .texto_input,
.formulario #nombre,
.formulario #email,
.formulario #telefono{width:75%; height:30px; line-height:30px; border:1px solid #CCC; background:#FFF; padding:0 5px;  } 

.formulario .mensaje_input, .formulario #mensaje{width:95%; height:130px; border:1px solid #CCC; background:#FFF; padding:5px; }

.formulario #submit{ display:block; background:#025684; padding:5px 10px; color:#FFF; font-weight:bold; text-align:center; margin-top:25px; }

.formulario #submit:hover{background:#A6241C; color:#FFF;}
.formulario-textos, .formulario-textos a{ display:block; margin-top:20px; height:20px; line-height:18px; font-size:16px; letter-spacing:1px; text-align:left; color:#005F95; font-family:'Aller-bd', serif; }
.formulario-textos small{font-size:9px!important; color:#989898;}
.formulario-textos spam{font-size:9px;}
.formulario textarea.error, 
.formulario input.error{border:1px solid #FF0000!important; background:#FFEBE6!important;} 
.formulario label.error{margin-top:5px; font-size:12px; font-weight:normal; color:#C00; background:url(images/error.png) no-repeat; padding-left:20px; display:block; line-height:14px; height:14px; }
.formulario label.error{display:none!important;}
.formulario textarea.valid, .formulario input.valid{border:1px solid #84C225!important;}
.formulario label.valid{background:url(images/valid.png) no-repeat left;}
.slideLock .captcha-title{color:#888;}
.formulario-info{margin:10px 0 5px 0; font-size:14px; font-family:georgia; text-align:left;}
.formulario-envio{margin-top:10px; padding:10px; overflow:hidden; background:#EFEFEF; border: 1px solid #025684; border-radius:5px; }
#btnEnviar { margin-top:20px; }
#recaptcha_widget_div { margin-top:20px; text-shadow:none; }
#recaptcha_instructions_error { font-size:10px!important; }
.recaptcha_input_area label.error { display:none!important; }


/*----------------------------------------
					 FAQs
---------------------------------------- */
.faqs { margin-top:30px; }
.faqs dt { font-family:'Aller-bd', serif; font-size:16px; line-height:16px; color:#025684; padding:0 0 5px 30px; position:relative; }
.faqs span { font-size:16px; color:#025684; font-weight:bold; display:block; position:absolute; left:0; top:0; }
.faqs dd { padding:0 0 0 30px; position:relative; margin:0 0 2em 0; }
.faqs dd span  {top:0px; }


.animado a { width:100px; background:#006699; transition:width 2s, background 5s; }
.animado a:hover { width:300px; background:#09F; }


/*----------------------------------------
					 PRODUCTOS
---------------------------------------- */
.catalogo { margin:60px 0 0 50px; }
.productos{ width:193px; height:/*250px*/ 195px; margin:0 10px 10px 0; float:left; background:#005F95; font-size:12px; text-shadow:none; position:relative; }
.item { padding:10px; clear:both; }
.item-imagen { position:relative; }
.item img { border-radius:5px; width:100%; height:auto; }
.item-imagen a em { border-radius:5px; display:none; background:url(images/zoom.png) no-repeat center center; position:absolute; top:0; left:0; width:174px; height:130px; text-indent:-9999px; }
.item-imagen a:hover em { display:block;}
.productos p { text-align:left; }
.productos .titulo { font-size:12px; line-height:14px; height:40px; }
.productos .titulo a { color:#FFF; }

.p-absoluto { display:block; overflow:hidden; }
.p-single-1 { float:left; position:relative; }
.p-imagenes { width:300px; height:225px; margin-left:25px; border:1px solid #005F95; background:#FFFFFF; }
.slides_container { z-index:200; }
.p-imagenes li { float:left;  }
.p-imagenes li a { display:block; width:300px; height:225px;}
.p-imagenes li img{ width:300px!important; height:225px; border:none; border-radius:0;}

.p-single-1 .nuevo{background:url(images/nuevo.png) no-repeat; right:0; position:absolute; top:185px; width:100px; height:40px; text-indent:-9999px; z-index:201;}
.productos .nuevo{background:url(images/nuevo-min.png) no-repeat; right:10px; position:absolute; top:105px; width:75px; height:30px; text-indent:-9999px; z-index:201;}

/*#prevBtn, #nextBtn, #slider1next, #slider1prev { z-index:1000; }
#nextBtn a, #slider1next a { display:block; height:50px; width:25px; background:url(images/p-next.png) no-repeat 0 0; position:absolute; top:35%; left:227px; text-indent:-999px; }
#prevBtn a, #slider1prev a { display:block; height:50px; width:25px; background:url(images/p-prev.png) no-repeat 0 0; position:absolute; top:35%; left:0; text-indent:-999px; }*/

#sliderPRODUCTO { position:relative; }
#sliderPRODUCTO .prev { display:block; height:50px; left:-24px;  position:absolute; top:40%; width:25px; z-index:10; }
#sliderPRODUCTO .next { display:block; height:50px; right:-24px; position:absolute; top:40%; width:25px; z-index:11; }
#sliderPRODUCTO .next img, #sliderPRODUCTO .prev img { border:none; }

.p-single-nombre { font-size:17px;}
.p-single-dato { color:#005F95; font-size:0.7em; }
.p-single-2 { float:left; width:200px; margin-left:30px; }
.p-single-3 { display:block; clear:both; margin:30px 0 0 25px;}


/*----------------------------------------
				DESTACADAS
---------------------------------------- */
.destacado{ background:#EEE; overflow:hidden; padding:40px 0 0 0; }
#slides{ width:960px; margin:0 auto;  position:relative; z-index:30; }
#slides .slides_container { height:360px; }
#slides .prev{ display:block; height:50px; left:-24px;  position:absolute; top:165px; width:25px; z-index:10; }
#slides .next{ display:block; height:50px; right:-24px; position:absolute; top:165px; width:25px; z-index:11; }
#slides .pagination { /*float:right; margin:15px 0;*/ overflow:hidden; position:relative; left:50%; margin:0 0 20px 0; }
#slides .pagination li { float:left; margin:0 1px; }
#slides .pagination li a { background-image:url(pagination.png); background-position:0 0; display:block; float:left; height:0; overflow:hidden; padding-top:15px; width:15px; }
#slides .pagination li.current a, .pagination li.current a:hover { background-position:0 -15px; }
#slides .pagination li a:hover { background-position:0 -30px; }
#slides a:link, #slides a:visited { color:#333333; }
#slides a:hover, #slides a:active { color:#9E2020; }


/*----------------------------------------
				INICIO
---------------------------------------- */
.inicio-post { border:solid 1px #CCC; display: table; height:100%; width:99%; }
.contenido-inicio{ margin:30px;  overflow:hidden; }
.contenido-inicio .col-left { float:left; width:200px; margin-right:30px; position:relative; }
.contenido-inicio .col-left img { width:200px; height:150px; border-radius:5px; border:solid 1px #000099; }
.contenido-inicio .col-left a em { display:none; background:url(images/zoom.png) no-repeat center center; position:absolute; top:0; left:0; width:201px; height:151px; text-indent:-9999px; border-radius:5px; }
.contenido-inicio .col-left a:hover em { display:block;}
.contenido-inicio .col-right { float:left; width:322px; }
.catalogo-inicio { margin:20px 0 0 50px; }
.contenido-inicio a:hover { color:#222; }


/*----------------------------------------
				MAPA GOOGLE
---------------------------------------- */
.gmap{ padding:15px; background:#005F95; overflow:hidden; }
.gmap #mapa { height:350px; width:580px; }
.gmap #mapa img { border:none; border-radius:0; max-width:none; max-height:none; }
.gmap #mapa label { width:auto; display:inline; }
.gmap #mapa p{ text-align:center; line-height:12px; font-size:12px; } 
.gmap #mapa .ventana .ven { width:300px; padding:5px; }


/*----------------------------------------
				MAPA GOOGLE
---------------------------------------- */
#listado{ font-size:14px; }
#listado li {}
#listado li a { color:#555; }
#listado li a:hover { color:#F90; }
#listado li.current-cat { color:#005F95; }
#listado li.current-cat-parent { ... }
#listado ul.children { margin-left:10px; }