/*
Theme Name: 
Theme URI: http://wwweb.com.ar
Author: WWWEB.COM.AR
Author URI: http://wwweb.com.ar/
Description: Sitio web maquetado en html y programado mediante WORDPRESS.
Version: 1.0
*/

@import url('css/resets.css');

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');


/* El diseño a los PLACEHOLDER (El texto gris que sale en los campos del formulario) */
::-webkit-input-placeholder {opacity:1;}
::-moz-placeholder {opacity:1;}
::-moz-placeholder {opacity:1;}
:-ms-input-placeholder {opacity: 1;}

body {font-family: 'Roboto',arial,helvetica,sans-serif;font-size:16px;color:#44433f;}

/* Para explorer 8 ó menor */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* Tendrán una breve animación al interactuar */
a, input[type=button] {-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;}

/* estilos basicos */
ul, p {margin-bottom:15px;}
ul li {list-style-type:square;margin-left:15px;padding-left:10px;margin-top:10px;line-height:20px;}
p {line-height:20px;}
a {color:#d9262b;text-decoration:none;}
a:hover {color:#d9262b;}
b, strong, h6{font-weight:700;}
u {text-decoration:underline;}

h1 {font-weight:700;font-size:32px;line-height:40px;color:#FFF;}
h2 {font-size:32px;line-height:40px;}
h3 {font-size:26px;font-weight:700;line-height:32px;color:#d9262b;}

.center {text-align:center;}
.aleft {text-align:left;}
.aright{text-align:right;}

.btn {background:#e05c2e;display:inline-block;padding:15px 20px;border-radius:60px;color:#FFF;cursor:pointer;margin:10px 0;position:relative;z-index:99;}
.btn:hover {background:#e58260;color:#FFF;}

/* generales del sitio */
.clear {width:1148px;max-width:96%;padding:60px 2%;clear:both;position:relative;margin:0 auto;}


.vtop {vertical-align:top !important;}

.doscolumnas .columna {width:48%;display:inline-block;vertical-align:middle;}

.slider {background:url(images/slide.jpg) no-repeat top center #d5dfe9 fixed;position:relative;}
.slider .clear {padding-top:0;}
.slider .header {dislay:block;clear:both;padding:10px 0;}
.slider .caja {max-width:500px;margin:30px 0;}
.slider .caja ul {margin:30px 0;}
.slider .caja ul li {margin:5px 0;}
.slider .caja ul i {color:#d9262b;}

.border {width:100%;height:224px;background:url(images/border.png) no-repeat center center;position:absolute;bottom:0;left:0;}

.white * {color:#FFF;}

.sl2100 {text-align:center;}
.sl2100 .nube {max-width:400px;display:inline-block;margin:20px 0;text-align:left;}
.sl2100 .nube img {display:inline-block;width:18%;vertical-align:middle;}
.sl2100 .nube .data {display:inline-block;width:80%;vertical-align:middle;}
.sl2100 .barrainf {width:30%;display:inline-block;vertical-align:middle;}
.sl2100 .imageinf {width:40%;display:inline-block;vertical-align:middle;margin:0 20px 0 -68px;}

.sl2100ban {background:url(images/background.jpg) no-repeat left bottom #f3f4ef;}
.sl2100ban .clear {padding-top:120px;padding-bottom:120px;}
.sl2100ban .clear .colbg {background:rgba(244,245,240,0.8);padding:2%;}

.terminalesip .icon {display:inline-block;width:20%;vertical-align:top;margin:10px 0;}
.terminalesip .icon img {margin:10px 0;display:inline-block;}


.producto {background:#f0f0f0}
.productoimpar {background:#FFF}

.ut880 {background:url(images/background2.jpg) no-repeat center bottom #e1e1e1;}
.ut880 h3 {font-size:38px;line-height:48px;max-width:450px;font-weight:300;}
.ut880 h3 strong{display:block;color:#44433f;}

/*.formu form {max-width:850px;margin:auto;}*/
.formu form .columna {padding-left:1%;padding-right:1%;width:41%;}
.formu input, .formu textarea {border:0;padding:4%;width:92%;background:#c3c3c3;font-family: 'Roboto',arial,helvetica,sans-serif;font-size:16px;color:#44433f;margin:0 0 10px 0;}
.formu input.button {background:#e05c2e;color:#fff;width:100%;}
.formu input.button:hover {background:#e58260;color:#fff;cursor:pointer;}

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

.footer {background:url(images/footer-bg.jpg);padding:30px 0;color:#FFF;}


/*.productosv9100 {background:url(images/sv9100.png) no-repeat center right #f0f0f0;}
.productosv9300 {background:url(images/sv9300.png) no-repeat center left #FFFFFF;}
.productosv9500 {background:url(images/sv9500.png) no-repeat center right #f0f0f0;}*/

.producto .columna img {width:90%;height:auto;display:block;margin:0 4%;}
.producto .columna.nomargin img {width:100%;margin:0;}

.panoramic {min-height:550px;margin-bottom:-300px;}
.livingroom {background:url(images/livingroom.jpg) repeat-x center center;}

/* responsive */

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

.columnas .columna, .doscolumnas .columna, .slider .caja{max-width:96%;width:96%;padding:0 2%;text-align:center;}
.sl2100 .barrainf, .sl2100 .imageinf {width:96%;}
.header img{margin-bottom:40px;}
.slider {padding-bottom:50px;background-size:cover;}
.slider .clear, .sl2100ban .clear {background-color:rgba(255,255,255,0.6);}
.sl2100ban {background-position:top center;}
.sl2100ban .clear .colbg {background:none;}

.terminalesip img {width:90%;height:auto;}

.ut880 {background-size:cover;}
	
}


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

.clear {width:92%;padding-left:4%;padding-right:4%;}

.terminalesip .icon, .formu form .columna {max-width:96%;width:96%;padding:0 2%;text-align:center;}
.terminalesip .icon img {max-width:89px;}

img.imgslide {position:relative !important;width:100%;padding:0;magin:0;}

.panoramic {min-height:350px;margin-bottom:-150px;}

}