@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'sanford_book';
    src: url('font/sanford-0103_demo-webfont.eot');
    src: url('font/sanford-0103_demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sanford-0103_demo-webfont.woff') format('woff'),
         url('font/sanford-0103_demo-webfont.ttf') format('truetype'),
         url('font/sanford-0103_demo-webfont.svg#sanford_book') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { background: url(imagenes/bg.jpg) no-repeat right top; font-size: 14px;}

#contenedor { width: 990px; margin: auto; clear:both;}
#header { clear:both; height: 180px;}
#logo { float:left; margin: 22px 0 0 30px; }

#logo { float:left; margin: 22px 0 0 30px; }
#menu { float:right; font-family: sanford_book; font-size: 18px; color: #333333; margin-top: 60px;}
#menu a { color: #333333; text-decoration: none; font-weight:bold;}
#menu a:hover { color: #CC0000; text-decoration: none;}

#menu ul li a { font-size:14px;}
#menu ul li a:hover { color: #CC0000; text-decoration: none;}

/* CUERPO */

#cuerpo { clear: both; margin: 20px 0 0 0;}
#logo2 { width: 378px; margin:auto;}
#descripcion { clear:both;width: 600px; margin:auto; margin-top: 25px; font-family: sanford_book; font-size: 18px; text-align:center;}
#botones { clear:both; width: 990px; margin-top: 50px; height: 450px;}
#boton1 { float:left; width: 320px; font-family: sanford_book; font-size: 18px; }
#boton1texto {width: 290px; font-family: sanford_book; font-size: 18px; padding:20px; text-align:center;}
#boton2 { float:left; width: 320px; font-family: sanford_book; font-size: 18px; margin-left: 15px;}

/* footer */
#footer { clear:both;width: 990px; height: 180px; margin-top: 50px; background:url(imagenes/footer.jpg) no-repeat;}
#copy { float:left; width: 270px; margin: 30px 0 0 50px; font-family: sanford_book; font-size: 15px; color:#FFFFFF;}
#menufooter { float:left; width: 120px; margin: 30px 0 0 50px; font-family: sanford_book; font-size: 15px; color:#FFFFFF;}

#fusionmedia { width: 300px; margin:auto; height: 40px;}

#logocontenedor { width: 250px; float:right;margin-right: 45px;}
#logopie { clear:both; margin-top: 35px; }
#redes { clear:both; padding: 10px;}
#redes img { padding: 5px;}


/* productos */

#logo-thermi { width: 945px; margin: auto; }
#productospic { clear:both; width: 490px; margin-top: 50px; height: 530px; margin:auto;}
#texto1 { width: 600px; margin:auto;}

#texto1 ul { margin: 0px; padding: 0px; list-style:none;}
#texto1 ul li { margin: 0px; padding: 20px; border: 1px solid #CCCCCC; background: #f2f2f2;}
#texto1 ul li a { font-size: 14px; text-transform:uppercase; text-decoration:none; font-weight:bolder; color:#CC0000; background: url(imagenes/h3-showHide-closed.gif) no-repeat none left; padding-left: 10px;}
#texto1 ul li a:hover { font-size: 14px; text-transform:uppercase; text-decoration:none; font-weight:bolder; color: #000000;}

#text1 { padding: 10px;}
#text2 { padding: 10px;}
#text3 { padding: 10px;}
#text4 { padding: 10px;}
#text5 { padding: 10px;}
#text6 { padding: 10px;}

#logo-care { width: 314px; margin: auto; }