@import url("menu.css");

/* @group BASE */

body {background-color: #fff;background-image: url(../images/bg.jpg);width: 950px;margin: auto;height: 620px;font-family: Arial, Helvetica, Geneva, sans-serif;/*border-top: 2px solid #ff9900;*//*border: 1px solid red;*/}
#container {height: 600px;position: relative}
#header {width: 950px;margin: auto;height:112px;	background: url(../images/head.jpg) no-repeat;margin-top: 10px;}
#header .logo {float: left;margin: 15px 15px;}
#data {height: 400px;background-color: #fff;background-image: url(../images/bg-up.jpg);background-repeat: no-repeat;/**/width: 948px;border: none;margin: 10px 0 0 0;}


/* @end */

.izq {float: left; height: 350px;/* border: 1px solid red;*/   }

#home .izq {width:380px; margin: 30px 0 0px 20px; /*border: 1px solid red; */ }
#home .txt {float: right; margin: 100px 0px 0 30px;width: 510px;/*border: 1px solid red;*/ }
#home .txt h1 {font-size: 13px; line-height:26px;}

#usos #data .catalogo {  width:900px; margin: 0px 20px 0 20px; height: 380px; /**/}
#usos #data { height:500px;}

#biobag #data { }
#biobag #data .izq  {  border: none;height: 380px; width:300px; margin: 20px 20px 0 20px; /*border:1px solid red;*/ }

.cat { width:213px; height:92px;float:left; /*border:1px solid red;*/ border: 1px solid #CCC; margin:5px;}
.cat img { width:90px; height:90px; float:left; margin: 0 10px 10px 0px ;border: 1px solid #fff;/**/ }
.cat  a:hover img{border:1px solid #58b450;}
.cat-txt { width:90px; float:left; /* border:1px solid green;*/ margin: 0px 0px 0 0px;}
.cat p { font-size:11px; color:#666;}

#biobag .der{  margin:20px 30px 0 0px;width: 560px; float:right;/* text-align:justify;border: 1px solid red;*/}
#biobag .der img { float:right;} 
#biobag .der p { line-height:20px; text-align:justify;}



#biobag .txt, #usos .txt
 { float: left; margin:30px 0px 0 0px;width: 450px;/*border: 1px solid red; */}
#usos .txt {  margin:60px 0px 0 0px;}

#biobag .txt h1 {font-size: 16px; margin: 20px 0 0 0;}


/* @group LA EMPRESA */

#izq-le {float: left;width: 400px;margin: 20px 2px;border-right: 3px solid #f0f6ee;}
#izq-le img {float: left;margin: 0 25px;}
#izq-le p {font-size: 15px;line-height: 20px;margin: 40px 20px;}

#der-le {float: left;width: 470px;margin: 15px 0 0 10px;}
#der-le img {float: right;margin: 20px 5px 0 0;}

/* @end */

/* @group CONTACTO */
#gracias h1 {margin: 0px 20px 0 20px;}
#gracias p {margin: 20px 20px 0 20px;}
#izq-cc {float: left;width: 443px;margin: 40px 2px;border-right: 3px solid #f0f6ee;height: 350px;}
#izq-cc p {font-size: 15px;line-height: 20px;margin: 20px 20px;}

#der-cc {float: left;width: 440px;margin: 30px 2px 0 0;}

#formulario {width: 400px;float:left;margin: 0px 0px 0 10px ;#margin: 0px 0px 0 10px ;_margin: 0px 0px 0 5px ;}
label {font-size: 12px;margin: 0px 0px;line-height: 12px;}

td {height: 12px;}

/* @end */

h1 .cafe, h1 .rojo, h1 .naranjo, h1 .amarillo, h1 .verde, h1 .otro {font-size:16px; }

p .cafe, p .rojo, p .naranjo, p .amarillo, p .verde, p .otro {font-size:14px; }


.cafe{color: #663300; }
.rojo{color: #993300; }
.morado { color:#723caf;}
.naranjo{color: #ff6600; }
.amarillo{	color: #ff9900; }
.verde{color: #57b14b; }
.otro{color: #434343; ;}

#home h1 {margin: 18px 0 0 0;}
h1 {font-size: 18px;font-weight: bold;color: #333;line-height: 10px;margin: 10px 0 0 0;/*border: 1px solid red;*/}

h2 {font-size: 20px;font-weight: bold;color: #333;line-height: 24px;margin: 20px 0 0 0;text-align: right;/*border: 1px solid red;*/}
.cotizar {font-size: 16px;font-weight: bold;color: #333;line-height: 10px;margin: 10px 10px 0 0;text-align: right;}

/* @group A */

a:link {color: #ff6600;text-decoration: none;}
a:visited {color: #ff6600;text-decoration: none;}
a:hover {color: #ff9900;}
a:active {color: #ff6600;text-decoration: none;}

/* @end */

p {font-size: 12px;font-weight: bold;color: #333;margin: 10px 0 ; line-height:16px;}
#footer {height: 40px;background-image: url(../images/bg-down.jpg);background-repeat: no-repeat;margin: 0 ;}
#footer #cp {height: 35px;border-top: 1px solid #fff;width: 940px;}
#footer #cp p{color: #fff;font-size: 12px;line-height: 30px;text-align: right;}

#clear {clear: both;background-color: #fff;width: 950px;}