@charset "utf-8";
/*------------------------------- reset ---------------------------------*/
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li{font-size:100%}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,legend{margin:0;padding:0}
a img,:link img,:visited img{border:none}
ul,li{list-style-type:none}
fieldset{border:none} 
a{color:#000;font-weight:bold}
a:hover{color:#f60}
.marron{color:#b96400}
.azul1{color:#003c55}
.azul2{color:#005e83}
.azul3{color:#0079ac}
.contacta{color:#005e83;font-weight:bold;font-style:italic;font-size:1.2em;padding-top:20px}
.fono{color:#fff;font-weight:bold;font-size:1.2em}
.fono span{font-size:1.7em}
/*------------------------------- cuerpo ---------------------------------*/
body{margin:0;padding:0;text-align:center;background:url(img/bg/bg.jpg) top repeat-x #59abc8;font:14px Arial, Helvetica, sans-serif}
/*------------------------------- head ---------------------------------*/
#head{height:228px;background:url(img/bg/head-bg.jpg) top center repeat-x}
#head-container{margin:0 auto;padding:37px 0 0 0;width:930px;height:191px;text-align:left;position:relative}
#head-container .logo{background:url(img/bg/logo-tienda-online.jpg) no-repeat;text-indent:-9999px;z-index:99;float:left;display:block;width:681px;height:95px}
#head-container p{padding:28px 0 0 0;color:#fff;font-size:1.2em}
/*------------------------------- content ---------------------------------*/
#content{margin:0 auto;width:930px;height:342px;text-align:left;position:relative}
/*------------------------------- left ---------------------------------*/
#left{float:left;display:inline;width:396px;height:342px;background:url(img/bg/left.jpg) no-repeat;overflow:hidden}
/*------------------------------- left1 ---------------------------------*/
#left1{float:left;width:396px;height:123px;overflow:hidden}
#left1 .descarga{color:#02617f;padding:13px 0 0 20px;display:block;font-size:1.5em}
#left1 .descarga:hover{color:#35bd00}
#left1 p{padding:10px 0 0 20px;display:block}
/*------------------------------- left2 ---------------------------------*/
#left2{float:left;width:396px;height:219px;overflow:hidden}
#left2 .demo{list-style:none;padding:40px 0 0 58px}
#left2 .demo li{list-style:none;padding:10px 0 0 0}
#left2 table{padding:24px 0 0 70px}
#left2 td{font-size:.9em}
/*------------------------------- right ---------------------------------*/
#right{float:left;display:inline;width:534px;height:342px;background:url(img/bg/right.jpg) no-repeat;overflow:hidden}
#right h3{display:block;font-style:italic;color:#b06000;font-size:1.7em;padding:30px 0 20px 0}
#right h4,p{padding-left:30px}
#right h4{padding-top:27px;font-size:1.2em}
/*------------------------------- content2 ---------------------------------*/
#content2{height:450px;background:url(img/bg/content2.gif) top repeat-x #fff;overflow:hidden}
#content3{margin:0 auto;width:930px;text-align:left;position:relative}
/*------------------------------- portfolio ---------------------------------*/
#portfolio{float:left;display:inline;width:538px}
#portfolio a,h2{text-decoration:none;color:#b06000;font-style:italic}
#portfolio h2,#noticias h2{font-size:1.3em;display:block;padding:30px 0}
#portfolio li{text-align:center;float:left;display:block;padding:0 35px 30px 0}
#portfolio li a{color:#888;font:14px "Georgia", Times, serif;font-style:italic}
#portfolio li a:hover{text-decoration:underline}
/*------------------------------- noticias ---------------------------------*/
#noticias{float:left;display:inline;width:392px}
#noticias p{font:15px "Georgia", Times, serif;font-style:italic;padding:0 0 0 20px;margin:0 0 20px 20px; background:url(img/bg/noticias.gif) no-repeat;background-position:0 .5em}
#noticias span{color:#999}
/*------------------------------- footer ---------------------------------*/
#footer{height:122px;background:url(img/bg/footer.gif) top center repeat-x}
#footer2{margin:0 auto;width:930px;height:122px;text-align:left;position:relative}
/*------------------------------- footer1 ---------------------------------*/
#footer3{float:left;display:inline;width:319px;height:122px;overflow:hidden}
/*------------------------------- footer2 ---------------------------------*/
#footer4{float:left;display:inline;width:611px;height:122px;overflow:hidden;text-align:right}
#footer4 p{padding-right:20px}
#footer a{color:#fff}
#footer a:hover{color:#000}