@import url('resets.css');

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

@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{font-family: 'open_sanslight';color:#5B5B5E;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

a, a img, .nuestrasmarcas li, .logofurukawa, .btn {-webkit-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}

p{margin:0 0 10px 0;line-height:20px;}
a {color:#394581;}
a:hover {color:#273059;}
a img:hover{opacity:0.8;}
b, strong {font-family: 'open_sansbold';}

a.boton {border:3px solid #394581;border-radius:6px;display:inline-block;text-transform:uppercase;text-decoration:none;padding:15px 5px;width:200px;font-family: 'open_sansbold';text-align:center;}
a.boton:hover {background:#394581;color:#FFF;}
.center {text-align:center;}

h2 {font-size:23px;color:#394581;font-family: 'open_sansbold';margin:0 0 15px 0;}
h3 {font-size:28px;text-align:center;color:#394581;margin:0 0 30px 0;background:url(../images/line.jpg) repeat-x center center;text-transform:uppercase;}
section.eseccion h3 {background:url(../images/line.jpg) repeat-x center center;}
h3 span{background:#FFF;padding:0 25px;}
section.eseccion h3 span{background:url(../images/general-bg.png) no-repeat top center fixed #FFF;}

header {padding:30px 0 0 0;}
header .logo{float:left;margin:-42px -50px;}
header ul{float:right;width:70%;text-align:right;}
header ul li{display:inline-block;padding:5px 0 5px 25px;margin:20px 0 0 25px;color:#4d4d4d;}
header ul li.tel {background:url(../images/icon-tel.png) no-repeat left center;}
header ul li.fax {background:url(../images/icon-fax.png) no-repeat left center;}
header ul li.mail {background:url(../images/icon-mail.png) no-repeat left center;}

header nav {clear:both;width:100%;position:relative;}
header nav ul {width:100%;border-top:1px solid #d7d6d1;padding:10px 0;margin:10px 0 0 0;text-align:left;}
header nav li {padding:0;margin:0;}
header nav li a{display:block;padding:12px 15px;margin:0 5px;font-size:20px;text-decoration:none;color:#8e8e8e;background:#FFF;border-bottom:4px solid #FFF;}
header nav li a:hover{color:#8e8e8e;background:#e1e1e1;border-bottom:4px solid #8e8e8e;}

.home .lihome a, .acerca .litecnotrade a, .distribucion .lidistribucion a, .servicios .liservicios a, .contacto .licontacto a {color:#FFF;background:#55619f;border-bottom:4px solid #394581;}

section {padding:60px 1%;width:98%;overflow:hidden;}
section.eseccion {background:url(../images/general-bg.png) no-repeat top center fixed #FFF;}
article, .article {max-width:960px;margin:auto;}

article.nuestrasmarcas li{display:inline-block;width:14%;border:1px solid #8e8e8e;border-bottom:4px solid #5b5b5b;min-height:80px;vertical-align:top;}
article.nuestrasmarcas li img{display:inline-block;vertical-align:middle;}
article.nuestrasmarcas .logofurukawa{border:1px solid #8e8e8e;border-bottom:4px solid #20a3db;min-height:80px;max-width:275px;width:100%;display:inline-block;margin:0 0 20px 0;}
article.nuestrasmarcas:hover li, article.nuestrasmarcas:hover .logofurukawa  {opacity:0.3;}
article.nuestrasmarcas li:hover, article.nuestrasmarcas .logofurukawa:hover {opacity:1;border-bottom:4px solid #20a3db;}

.columnas4 .columna{width:20%;text-shadow:0 0 10px #FFF;min-height:231px;display:inline-block;vertical-align:top;padding:150px 2% 20px 2%;margin:0 0.3%;border-bottom:4px solid #5b5b5b;background:#FFF;text-align:center;}
.columnas4 .c1{background:url(../images/services-bg2.jpg) no-repeat top center #FFF;}
.columnas4 .c2{background:url(../images/services-bg1.jpg) no-repeat top center #FFF;}
.columnas4 .c3{background:url(../images/services-bg3.jpg) no-repeat top center #FFF;}
.columnas4 .c4{background:url(../images/services-bg4.jpg) no-repeat top center #FFF;}
.columnas2 .columna{width:48%;display:inline-block;vertical-align:middle;}

.algunosclientes {text-align:center;width:100%;}
.algunosclientes br{display:none;}
.algunosclientes li {display:inline-block;padding:0 1%;vertical-align:middle;}

.notaboton h2 {border-bottom:1px solid #8e8e8e;text-transform:uppercase;color:#8e8e8e;display:inline-block;padding:0 0 20px 0;margin:0 0 20px 0;}

footer {background:url(../images/general-bg.png) no-repeat 0 bottom fixed #8e8e8e;padding:25px 0;}
footer .leyenda {background:url(../images/vineta.png) no-repeat top right;display:inline-block;color:#FFF;padding:2%;width:60%;font-size:14px;line-height:18px;}
footer .leyenda h2{color:#454545;font-size:20px;}
footer .leyenda p {font-size:14px;padding:0;margin:0;border:none;text-align:left;color:#454545;}
.datosfoot {display:inline-block;width:30%;padding:0 0 0 1%;color:#454545;}
.datosfoot li {margin:0 0 5px 0;}

footer p {display:block;padding:15px 0 0 0;margin:15px 0 0 0;border-top:1px solid #8e8e8e;font-size:14px;text-align:center;color:#454545;position:relative;}
footer p span{position:absolute;top:16px;font-size:12px;right:0;}


/* acerca */

.distribucion .eseccion {background:url(../images/general-bg.png) no-repeat top center fixed #394581;}
.distribucion .eseccion h3 span {background:url(../images/general-bg.png) no-repeat top center fixed #394581;}
.distribucion .itemsdistri {text-align:center;}
.distribucion .itemsdistri li {font-family: 'open_sansbold';width:21.6%;background:#FFF;display:inline-block;text-align:center;padding:1%;margin:0 1% 1.5% 0;text-transform:uppercase;vertical-align:top;}
.distribucion .itemsdistri li.premium {width:46.5%;}
.distribucion .itemsdistri li img {display:block;margin:auto;}

/* servicios */

.servicios h2 {color:#454545;}
.check {margin:20px 0;-moz-column-count: 2;}
.check li {margin:5px 0 5px 0;padding:0 0 0 25px;background:url(../images/li.png) no-repeat center left;}

/* contacto */

.contacto .mapa {background:url(../images/mapa.gif) center center fixed #394581;}
.contacto .mapa article{background:url(../images/news.gif) repeat-x top left #FFF;}
.contacto .mapa h3 span {background:url(../images/mapa.gif) center center fixed #394581;}
.contacto .columna {padding:4%;width:40%;}
.contacto .mapa .datosfoot {width:90%;padding:10% 5%;border:2px dashed #8e8e8e;}
.contacto form {width:100%;}
.contacto form input, .contacto form textarea, .contacto form select {width:94%;padding:3%;font-family: 'open_sanslight';font-size:16px;margin:10px 0 0 0;border:0;background:#f4f4f4;border-radius:6px;}
.contacto form input.btn {width:150px;background:#394581;color:#FFF;cursor:pointer;font-family: 'open_sansbold';font-size:14px;text-transform:uppercase;float:right;}
.contacto form input.btn:hover {background:#55619f;}
.contacto form textarea {min-width:94%;max-width:94%;}
.contacto form select {width:100%;background:#FFF;border:1px solid #8e8e8e;padding:1%;}

.contacto label.error {color: #e1a1a1;display: block;font-weight: 600;padding: 1% 0;text-align: center;}
.contacto input.error, .contacto textarea.error {background:#ffcaca;border: 1px solid #be4545;}

.ok article {padding:3% 0;text-align:center;}
.ok h3 {background:none;}

.error404 .mapa {background:url(../images/general-bg.png) no-repeat top center fixed #394581;}
.error404 .mapa article {background:#FFF;padding:3% 0;text-align:center;}


@media screen and (max-width:900px){ 

	header {text-align:center;}
	header .logo {float:none;display:inline-block;}
	header ul {float:none;display:inline-block;width:100%;text-align:center;}
	header nav ul {text-align:center;}
	article.nuestrasmarcas li {width:100%;max-width:275px;margin:0 0 10px 0;}
	.columnas4 {text-align:center;}
	.columnas4 .columna {width:30%;background:#FFF !important;padding:7% 5%;float:none;margin:0 0 10px 0;}
	.algunosclientes li {padding:0;}
	
	footer {text-align:center;}
	footer .leyenda {display:block;margin:0 auto 30px;}
	footer .datosfoot {width:90%;}
	footer .datosfoot li {display:inline-block;padding:0 10px;}
	
	footer p span {position:relative;top:auto;right:auto;display:block;margin:10px 0 0 0;}
	
}

@media screen and (max-width:800px){ 

	.algunosclientes br {display:block;}
	.algunosclientes li {padding:0 1%;}
	
	.acerca .eseccion .columna img {width:90%;}
	
	
}

@media screen and (max-width:720px){ 

	header nav {background:#e1e1e1;color:#FFF;padding:40px 0 0 0;margin:10px 0;}
	header nav ul{padding:0;}
	header nav ul.opened li{width:100%;}
	header nav li a {border-bottom:4px solid #f4f4f4;}
	.distribucion .itemsdistri li, .distribucion .itemsdistri li.premium  {width:40%;}
	.distribucion .itemsdistri li.premium  img {width:90%;}
	.nav-toggle {position:absolute;color:#454545;font-family: 'open_sansbold';text-decoration:none;font-size:20px;text-transform:uppercase;top:2px;left:0;width:100%;text-align:center;width:80px;height:30px;padding:8px 0 0 40px;background:url(../images/nav.png) no-repeat 10px center;}

	
}

@media screen and (max-width:600px){ 

	.columnas4 .columna {width:80%;}
	.algunosclientes li {width:100%;max-width:275px;display:block;margin:10px auto;border:1px solid #e1e1e1;border-bottom:4px solid #e1e1e1;text-align:center;padding:20px 0;}
	
	.columnas2 {text-align:center;}
	.columnas2 .columna {width:90%;margin:0 0 20px 0;}
	.columnas2 .columna li {text-align:left;}
	
	.check {-moz-column-count: 1;max-width:100px;width:100%;display:inline-block;}

	footer {background:#e1e1e1;}
	footer .leyenda {background:none;border:none;width:90%;}
	footer .leyenda p{text-align:center;}
	
}


@media screen and (max-width:400px){ 
	.distribucion .itemsdistri li {font-size:12px;width:90%;}
	.distribucion .itemsdistri li img, .distribucion .itemsdistri li.premium {width:90%;}

}