@charset "utf-8";
/* CSS Document */
@font-face {  font-family: "Memories";  src: url("HelveticaLTStd LightCond.otf");}

body{line-height:27px; font-size:24px;	font-family: 'Pragati Narrow' ; padding: 0px;	margin: 0px; background:#fff; 	color:#fff;	}
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:70%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#header{ width: 100%; background: }
#reds{ width:50px; font-size:16px; height:40px; float:right;  margin-top:10px;}	
#logo{width:281px; float:left; border: 0px solid #f60; margin-bottom:10px; margin-top:10px;}	
#logo img{width:100%}

/*VIDEO HOME*/
* {  box-sizing: border-box;}
#myVideo {  position: relative;  right: 0;  bottom: 0; width: 100%;  height:auto;}
.content {  position: absolute;  top: 0;  color: #f1f1f1;  width: 100%;  padding: 0px;}
#myVideo2 {  position: relative;  right: 0;  bottom: 0; width: 100%;  height:auto;}
.content2 {  position: absolute;  top: 118PX;  color: #f1f1f1;  width: 100%;  padding: 0px;}
/* FIN VIDEO HOME*/

#linea1{background:url(../img/index/Sanbuena%20web-linea%20amarilla%20menu.png); height:15px; width:100%}

a{ color: #fff;	text-decoration: none;	}
a:hover{ color: #E9BF44;    text-decoration: none;	}

p{line-height:25px; font-size:24px; }
footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}

#txt1{	font-family: 'Memories'; font-size:24px; color:#fff;}
#txt2{	font-family: 'Memories'; font-size:26px; color:#fff;}
#txt3{	font-family: 'Pragati Narrow'; font-size:30px; color:#E9BF44; font-weight:600; margin-bottom:10px}
#txt4{	font-family: 'Pragati Narrow'; font-size:23px; color:#fff;}
#txt5{	font-family: 'Pragati Narrow'; font-size:26px; color:#fff; font-weight:600; margin-bottom:10px; margin-top:15px}

#titu{	color:#fff; font-size: 55px; line-height:65px; font-family: 'Pragati Narrow'; font-weight:600; 	}
#titu2{	color:#394588; font-size: 55px; line-height:80px; font-family: 'Pragati Narrow'; font-weight:600; 	}

#cua1{width:34%;  float:left; }
#cua2{width:30%; margin-left:3%;  float:left; margin-top:15px }
#cua3{width:30%; margin-left:3%;  float:left; margin-top:15px }

#fund{background:#E9BF44; color:#000; padding:8px}

#cuadro1{width:32%;  float:left; }
#cuadro2{width:30%; margin-left:3%;  float:left; }
#cuadro3{width:32%; margin-left:3%;  float:left; }

#products1{width:50%;  float:left; margin-bottom:40px; border:0px solid#9F0 }
#products1 img{width:65%;}

a .boton-forma{ background:#E9BF44; color:#242424;	text-decoration: none; text-align:center; text-transform:uppercase; margin-bottom:10px; padding:7px 10px;	font-family: 'Pragati Narrow'; line-height:25px; width:125px; border-radius:3px}
a .boton-forma:hover{ background: #C00; color:#FFF;    text-decoration: none;	}

a .boton-forma2{ background:#E9BF44; color:#242424;	text-decoration: none; text-align:center; text-transform:uppercase; margin-bottom:10px; padding:7px 10px;	font-family: 'Pragati Narrow'; line-height:25px; width:270px; border-radius:3px}
a .boton-forma2:hover{ background: #fff; color:#1A4289;    text-decoration: none;	}

#conta1{width:35%; border:0px solid #09F; float:left}
#conta2{width:60%; border:0px solid #09F; float:right; }

#tab{border-bottom:1px solid #999}
#tab1{border-bottom:2px solid #999}

#marcas1{width:26%; margin: 10px 3.6%;  float:left}
#marcas1 img{width:80%;}

#contaa1{width:45%; border:0px solid #09F; float:left}
#contaa2{width:45%; border:0px solid #09F; float:right; }

#cont1{height:40px; background:#FFF; width:98%; border:0px; margin-bottom:20px; font-size:22px; color:#333;  font-family: 'Memories'; border-radius:3PX;}
#cont11{height:40px; background:#fff; width:50%; border:0px; margin-bottom:20px; margin-top:5px; font-size:22px; color:#333;  font-family: 'Memories'; border-radius:3PX; border:solid 1px #ccc}
#cont2{height:40px; background:#FFF; width:98%; height:165px; border:0px; margin-bottom:22px;font-size:22px; color:#333;  font-family: 'Memories'; border-radius:3PX;}
#bot{background:#E9BF44; color:#2F2826; font-family: 'Memories'; font-size:20px; padding:5px 20px; font-weight:600; border:0px; border-radius:3PX; }

#f1{float:left; width:33%; text-align:left; border: 0px solid #0C6; font-size:20px; margin-top:20px;}
#f2{float:left; width:34%; border: 0px solid #0C6; font-size:20px; margin-top:0px;}
#f3{float:right; width:33%; text-align:right; border: 0px solid #0C6;font-size:20px;}

#cuad1{width:45%;  float:left; margin-top:5px; margin-bottom:5px; padding:25% 0 0 0;}
#cuad2{width:45%;  float:right; margin-top:18px; text-align:right; padding:25% 0 0 0;}

#cuad11{width:45%;  float:left; margin-top:5px; margin-bottom:5px; }
#cuad22{width:45%;  float:right; margin-top:18px; text-align:right; }

#video {width:560px; height:315px}

#marca1{width:45%;  float:left;}
#marca2{width:45%;  float:right;  }

@media screen and (min-width: 1000px) and (max-width: 1149px) {

#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

}

@media screen and (min-width: 800px) and (max-width: 999px) {
#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#linea1{background:url(../img/index/Sanbuena%20web-linea%20amarilla%20menu.png); height:10px; width:100%}

#cua1{width:100%;  float:left; margin-bottom:20px }
#cua2{width:47%; margin-left:3%;  float:left; }
#cua3{width:47%; margin-left:3%;  float:left; }

#titu{	color:#fff; font-size: 50px; line-height:60px; font-family: 'Pragati Narrow'; font-weight:600; 	}
#titu2{	color:#394588; font-size: 50px; line-height:75px; font-family: 'Pragati Narrow'; font-weight:600; 	}

#products1{width:50%;  float:left; }
#products1 img{width:70%;}

#cuadro1{width:45%;  float:left; }
#cuadro2{display:none; }
#cuadro3{width:45%; margin-left:0%;  float:right; }

#conta1{width:40%; border:0px solid #09F; float:left}
#conta1 img{width:100%;}
#conta2{width:55%; border:0px solid #09F; float:right; }

#marcas1{width:26%; margin: 10px 3.6%;  float:left}
#marcas1 img{width:90%;}
}

@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{	width:90%;	border: 0px solid #3C0;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#linea1{background:url(../img/index/Sanbuena%20web-linea%20amarilla%20menu.png); height:8px; width:100%}

#cua1{width:100%;  float:left; margin-bottom:20px }
#cua2{width:100%; margin-left:0%;  float:left; margin-top:0px }
#cua3{width:100%; margin-left:0%;  float:left; margin-top:0px }

#products1{width:100%;  float:left; margin-bottom:20px }
#products1 img{width:60%;}

#titu{	color:#fff; font-size: 45px; line-height:50px; font-family: 'Pragati Narrow'; font-weight:600; 	}
#titu2{	color:#394588; font-size: 45px; line-height:65px; font-family: 'Pragati Narrow'; font-weight:600; 	}

#contaa1{width:100%; border:0px solid #09F; float:left}
#contaa2{width:100%; border:0px solid #09F; float:right; margin-top:35px }

#conta1{width:100%; border:0px solid #09F; text-align:center}
#conta1 img{width:50%; margin-bottom:20px; }
#conta2{width:100%; border:0px solid #09F; float:right; }

#cont11{height:40px; background:#fff; width:98%; border:0px; margin-bottom:20px; margin-top:5px; font-size:22px; color:#333;  font-family: 'Memories'; border-radius:3PX; border:solid 1px #ccc}

#marcas1{width:26%; margin: 10px 3.6%;  float:left}
#marcas1 img{width:90%;}

#cuadro1{width:100%;  float:left; }
#cuadro2{display:none; }
#cuadro3{width:100%; margin-left:0%;  float:right; margin-top:20px }

}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{	width:90%;	border: 0px solid #FC0;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#linea1{background:url(../img/index/Sanbuena%20web-linea%20amarilla%20menu.png); height:8px; width:100%}

#cua1{width:100%;  float:left; margin-bottom:20px }
#cua2{width:100%; margin-left:0%;  float:left; margin-top:0px }
#cua3{width:100%; margin-left:0%;  float:left; margin-top:0px }

#products1{width:100%;  float:left; margin-bottom:20px }
#products1 img{width:60%;}

#titu{	color:#fff; font-size: 45px; line-height:50px; font-family: 'Pragati Narrow'; font-weight:600; 	}
#titu2{	color:#394588; font-size: 45px; line-height:65px; font-family: 'Pragati Narrow'; font-weight:600; 	}

#contaa1{width:100%; border:0px solid #09F; float:left}
#contaa2{width:100%; border:0px solid #09F; float:right; margin-top:35px }

#conta1{width:100%; border:0px solid #09F; text-align:center}
#conta1 img{width:50%; margin-bottom:20px; }
#conta2{width:100%; border:0px solid #09F; float:right; }

#cont11{height:40px; background:#fff; width:98%; border:0px; margin-bottom:20px; margin-top:5px; font-size:22px; color:#333;  font-family: 'Memories'; border-radius:3PX; border:solid 1px #ccc}

#marcas1{width:45%; margin: 10px 2.5%;  float:left}
#marcas1 img{width:100%;}

#cuad1{width:228px;  float:none; margin: 0px auto 0px;	overflow:hidden; margin-top:5px; margin-bottom:5px; padding:25% 0 0 0;text-align:center}
#cuad2{width:100%;  float:right; margin-top:18px; text-align:right; padding:0px 0 20px 0; text-align:center}

#cuad11{width:228px;  float:none; margin: 0px auto 0px;	overflow:hidden; margin-top:5px; margin-bottom:5px; text-align:center}
#cuad22{width:100%;  float:right; margin-top:18px; text-align:right; margin-top:5px; margin-bottom:5px; text-align:center}


#cuadro1{width:100%;  float:left; }
#cuadro2{display:none; }
#cuadro3{width:100%; margin-left:0%;  float:right; margin-top:20px }


#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:20px; margin-top:0px;}
#f2{float:left; width:100%; border: 0px solid #0C6; font-size:20px; margin-top:0px;}
#f3{float:none; width:200px; text-align:center; border: 0px solid #0C6;font-size:20px; 	margin: 0px auto 0px;	overflow:hidden;}

#video {width:450px; height:253px}

#marca1{width:100%;  float:left; margin-bottom:50px}
#marca2{width:100%;  float:right;  }
}



@media screen and (min-width: 320px) and (max-width: 479px) {
body{line-height:23px; font-size:20px;	font-family: 'Pragati Narrow' ; padding: 0px;	margin: 0px; background:#fff; 	color:#fff;	}
p{line-height:21px; font-size:20px; }
	
#contenedor1{	width:90%;	border: 0px solid #F00;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{width:170px; float:left; border: 0px solid #f60; margin-bottom:10px; margin-top:10px; 	}	
#logo img{width:100%}

/*VIDEO HOME*/
* {  box-sizing: border-box;}
#myVideo {  position: relative;  right: 0;  bottom: 0; width: 100%;  margin-top:100px; height:auto;}
.content {  position: absolute;  top: 0;  color: #f1f1f1;  width: 100%;  padding: 0px;}
#myVideo2 {  position: relative;  right: 0;  bottom: 0; width: 100%;  height:auto;}
.content2 {  position: absolute;  top: 118PX;  color: #f1f1f1;  width: 100%;  padding: 0px;}
/* FIN VIDEO HOME*/

#linea1{background:url(../img/index/Sanbuena%20web-linea%20amarilla%20menu.png); height:8px; width:100%}

#txt1{	font-family: 'Memories'; font-size:20px; color:#fff;}
#txt2{	font-family: 'Memories'; font-size:22px; color:#fff;}
#txt3{	font-family: 'Pragati Narrow'; font-size:26px; color:#E9BF44; font-weight:600; margin-bottom:10px}
#txt4{	font-family: 'Pragati Narrow'; font-size:21px; color:#fff;}
#txt5{	font-family: 'Pragati Narrow'; font-size:22px; color:#fff; font-weight:600; margin-bottom:10px; margin-top:15px}


#cua1{width:100%;  float:left; margin-bottom:20px }
#cua2{width:100%; margin-left:0%;  float:left; margin-top:0px }
#cua3{width:100%; margin-left:0%;  float:left; margin-top:0px }

#products1{width:100%;  float:left; margin-bottom:20px }
#products1 img{width:60%;}

#titu{	color:#fff; font-size: 26px; line-height:31px; font-family: 'Pragati Narrow'; font-weight:600; 	}
#titu2{	color:#394588; font-size: 40px; line-height:60px; font-family: 'Pragati Narrow'; font-weight:600; 	}

#contaa1{width:100%; border:0px solid #09F; float:left}
#contaa2{width:100%; border:0px solid #09F; float:right; margin-top:35px }

#conta1{width:100%; border:0px solid #09F; text-align:center}
#conta1 img{width:50%; margin-bottom:20px; }
#conta2{width:100%; border:0px solid #09F; float:right; }

#cont11{height:40px; background:#fff; width:98%; border:0px; margin-bottom:20px; margin-top:5px; font-size:19px; color:#333;  font-family: 'Memories'; border-radius:3PX; border:solid 1px #ccc}
#cont1{height:40px; background:#FFF; width:98%; border:0px; margin-bottom:20px; font-size:19px; color:#333;  font-family: 'Memories'; border-radius:3PX;}
#cont2{height:40px; background:#FFF; width:98%; height:165px; border:0px; margin-bottom:22px;font-size:19px; color:#333;  font-family: 'Memories'; border-radius:3PX;}

#marcas1{width:45%; margin: 10px 2.5%;  float:left}
#marcas1 img{width:100%;}

#cuad1{width:228px;  float:none; margin: 0px auto 0px;	overflow:hidden; margin-top:5px; margin-bottom:5px; padding:29% 0 0 0;text-align:center}
#cuad2{width:100%;  float:right; margin-top:18px; text-align:right; padding:0px 0 20px 0; text-align:center}

#cuad11{width:228px;  float:none; margin: 0px auto 0px;	overflow:hidden; margin-top:5px; margin-bottom:5px; text-align:center}
#cuad22{width:100%;  float:right; margin-top:18px; text-align:right; margin-top:5px; margin-bottom:5px; text-align:center}


#cuadro1{width:100%;  float:left; }
#cuadro2{display:none; }
#cuadro3{width:100%; margin-left:0%;  float:right; margin-top:20px }


#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:20px; margin-top:0px;}
#f2{float:left; width:100%; border: 0px solid #0C6; font-size:20px; margin-top:0px;}
#f3{float:none; width:200px; text-align:center; border: 0px solid #0C6;font-size:20px; 	margin: 0px auto 0px;	overflow:hidden;}

#video {width:400px; height:225px}

#marca1{width:100%;  float:left; margin-bottom:50px}
#marca2{width:100%;  float:right;  }
}

/* CSS Carrusel */