html,body {height: 100%; margin:0 auto; padding:0px; font: normal 11px Lucida Sans Unicode,Trebuchet Unicode MS, Lucida Grande, Verdana, Helvetica, sans-serif; text-align: center;
color: #aaaaaa; line-height: 140%; background: #FFFFFF url("img/fnd.gif") repeat-x;}
p { line-height: 120%;}
img {border:none;}
a {text-decoration: none; color: #333333;}
a:hover{ text-decoration: none; color: #CC0000;}
#container { min-height: 100%; width: 960px; margin: 0 auto; text-align: center;}
* html #container { height:100%; width: 960px; text-align: center;}
.fontgrande{ font: bold 11px Lucida Grande, Verdana, Helvetica, sans-serif;color: #333333; } /* Hack para IE 6 */


/* CABECERA */
#barra_superior{ text-align: right; height: 24px; padding-top: 8px; color: #FFFFFF; font: normal 12px Lucida Sans Unicode,Trebuchet Unicode MS, Lucida Grande, Verdana, Helvetica, sans-serif; }

/*zona flash*/
#flash{ height: 130px; background-color: #cc0000;}
#logo{ float: left; width: 336px; background: #222222;}
#anime{ float: left; width: 624px; background: #cc0000;}

/* MENU */
#zonamenu{ width: 960px; height: 75px; margin-bottom: 4px; }
#menu {	float: right; height: 60px; width: 624px;	margin: 0; padding: 0; text-align: right;}
#menu ul { list-style-type: none; margin: 0; padding: 0; text-align: right;}
#menu li a{ display: inline;}
#menu li a{ font: normal 18px lucida sans, helvetica, arial; color: #ffffff; }
#menu li a:hover{color: #cccccc; }
#zonamuerta{ float: left; width: 336px; height: 50px;}

/* CONTENIDOS */
#contenido{ width: 960px; }

#submenu { float: left; width: 180px; margin: 0;	padding: 0; list-style: none;
font: 11px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
text-align: left; background: #444444; }
#submenu1 a { display: block; width: 170px; height: 20px; margin: 0; padding: 8px 12px 0px 20px; border-bottom: 1px solid #cccccc; color: #333333;
 background: #ffffff; text-decoration: none;}
#submenu1 a:hover { color: #ffffff;	background: #cc0000; }
#submenu2 a { display: block; width: 170px; height: 20px; margin: 0; padding: 8px 12px 0px 20px; border-bottom: 1px solid #cccccc; color: #333333;
background: url("img/fndsubmenu.jpg") repeat-x; text-decoration: none;}
#submenu2 a:hover { color: #ffffff;	background: #cc0000; }

#contenidos{float: right; width: 740px; margin-bottom: 20px; text-align: center;}
#titsubmenus{height: 24px; vertical-align: baseline; padding: 10px 12px 0px 12px; text-align: left; word-spacing: -2px;
font: normal 12px trebuchet ms, tahoma, Verdana, Helvetica, sans-serif; color: #555555; background: url("img/fnd5.jpg") repeat-x; }
#productos{float: left; width: 170px; margin: 5px; text-align: left; }
#titulopr{width: 162px; padding-left: 10px; padding-bottom: 6px; padding-top: 15px; font: bold; text-align: left; color: #ffffff; background: #444444;
letter-spacing: -0.1px;}
.text_pr{width: 162px; padding-bottom: 6px; padding-top: 8px; padding-left: 8px; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #eeeeee;
font: normal; text-align: center; color: #333333; line-height: 130%; letter-spacing: -0.1px; background: url("img/btesa3.gif") left no-repeat;}
.text_pr a { color: #333333; text-decoration: none;}
.text_pr a:hover { color: #cc1100; text-decoration: underline;}
#imgpr{ width: 162px; text-align: center; padding: 0;}

#subproductos{float: left; width: 738px; margin: 0; border: 1px solid #eeeeee; text-align: left; background: #ffffff; }
#titulosubpr{width: 722px; padding-left: 16px; padding-bottom: 4px; padding-top: 12px; font: bold 16px trebuchet ms, tahoma, arial; text-align: left; color: #ffffff;
 background: url("img/fnd_subtit.jpg") repeat-x ; letter-spacing: -0.1px;}
#text_subpr{float: right; width: 390px; padding-top: 16px; padding-right: 12px; padding-left: 16px;
font: normal 14px trebuchet ms, tahoma, arial; text-align: left; color: #444444; line-height: 140%; letter-spacing: 0px; }
#text_subpr a { color: #444444; text-decoration: none;}
#text_subpr a:hover { color: #cc1100; text-decoration: underline;}
#imgsubpr{ float: left; width: 320px;  text-align: center; margin: 0 auto; padding: 0; background: #333333;}
#min_galeria{ border: 1px solid #eeeeee;}
.min_galeria, min_galeria a{ border: 2px solid #dddddd;}
.min_galeria a:hover{ border: 2px solid #cccccc;}

/* delegaciones */
#contdelega{ float: right; width: 738px; margin-bottom: 20px; background: cccccc;  }
#titdelega{ width: 722px; padding-left: 16px; padding-bottom: 4px; padding-top: 12px; font: bold 16px trebuchet ms, tahoma, arial; text-align: left; color: #ffffff;
 background: url("img/fnd_subtit.jpg") repeat-x #333333; letter-spacing: -0.1px;}
#infodelega{float: left; width: 260px; padding-left: 16px; padding-top: 16px; text-align: left; font: normal 12px;
 color: #777777; line-height: 140%; }
.infodelega{ color: #333333;}
.infodelega a{ background: #ffffff;}
.infodelega a:hover{color: #cc1100;}
#mapadelega {float: right; width: 414px; padding: 4px 0 4px 0; margin: 0; border: 1px solid #333333;}
#mapadelega a{background: #eeeeee; }
#mapadelega a:hover{background: #eeeeee;}
#mapadelega img{border: 1px solid #ffffff;}

/*servicios*/
#contenidoserv{ width: 960px; margin-bottom: 10px; background: #cc0000;}
#izqservicios{ float: left; width: 460px; height: 315px; text-align: left; background: url("img/fnd_serv.gif") repeat-x top #cc0000;}
#dchaservicios{ float: right; width: 500px; background: url("img/fnd_serv.gif") repeat-x top #cc0000;}
.titservicios{ width: 390px; padding-left: 22px; text-align: left;color: #ffffff;}
.text_servicios{ padding-left: 32px; padding-right: 12px;  color: #ffffff; background-color: #cc0000; }
.myfade {
    filter:alpha(opacity=50); /* IE */
    -moz-opacity:0.5; /* Firefox, Opera, ... */
    opacity: 0.5; /* CSS 3*/
}

/*empresa*/
#contenidoesa{ width: 960px; margin-bottom: 20px; background: #ffffff;}
#izqesa{ float: left; width: 460px; min-height: 315px; _height: 315px; padding-bottom: 10px; padding-top: 10px; text-align: justify;}
#dchaesa{ float: right; width: 400px; text-align: justify;}
#titesa{ width: 960px; height: 40px; text-align: left; color: #333333; background: #333333;}
.text_esa{ height: 100%; padding-left: 22px; padding-right: 12px;  color: #333333; text-indent: 10px; }

/*exclusivas*/
#contenidoexclu{ width: 960px; margin-bottom: 20px; background: #ffffff;}
#titex{ width: 960px; height: 40px; margin: 0; padding: 0; text-align: left;}
.text_ex{ height: 100%; padding-left: 22px; padding-right: 12px;  color: #333333; text-indent: 10px; }
.cuadro{ float: left; width: 240px; height: 300px; padding-bottom: 20px; margin: 0;}
.cuadro a{border: 0; text-decoration: none; background: #ffffff;}
.cuadro a:hover{ border: 0; text-decoration: none; background: #ffffff;}

/*seccion exclusivas*/
#imgpr{ width: 162px; text-align: center; padding: 0;}
#subseccex{float: left; width: 738px; margin: 0; padding-bottom: 15px; border: 1px solid #eeeeee; text-align: left; background: #ffffff; }
#titexclusivas{width: 722px; padding-left: 16px; padding-bottom: 4px; padding-top: 6px; font: bold 16px trebuchet ms, tahoma, arial; text-align: left; color: #444444; }
#dchasubex{float: right; width: 456px; padding-top: 16px; padding-right: 12px; padding-left: 16px;
        font: normal 12px trebuchet ms, tahoma, arial; text-align: left; color: #333333; line-height: 140%; letter-spacing: 0px; }
#dchasubex a { color: #333333; text-decoration: none;}
#dchasubex a:hover { color: #cc1100; text-decoration: underline;}
#izqsubex{ float: left; width: 250px; padding-left: 8px; text-align: left; padding: 0;}

/*contacto*/
#izqcontacto{ float: left; width: 410px; height: 430px; text-align: left; background:  #cc0000 url("img/fnd_serv.gif") repeat-x top;}
#dchacontacto{ float: right; width: 550px; height: 385px; padding-top: 25px; padding-bottom: 20px; background:  #cc0000 url("img/fnd_serv.gif") repeat-x top;}
.titcontacto{ width: 240px; padding-left: 22px; text-align: left;color: #ffffff;}
.text_contacto{ clear: both; padding-left: 30px; padding-right: 12px; font: normal 14px; color: #ffffff; background: #cc0000; }

form label {display: block; float: left; width: 150px; padding: 0; margin: 5px 0 0;	text-align: left;}
form { min-width: 400px; max-width: 400px; margin: 0; padding: 0;  width: 380px; font:normal 14px trebuchet ms, tahoma, arial; color:#ffffff;}
form fieldset { / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
   padding: 10px;  margin: 0; border: 1px solid #ffffff;}
form label {display: block; float: left; width: 90px; padding: 0;  margin:5px 0 0 10px;	text-align: left; background: #cc0000; }
form fieldset label:first-letter { text-decoration:underline;}
form fieldset legend { font-size:1.1em; color: #ffffff; }
form input, form textarea { width:auto; margin:5px 0 0 10px; background: #ffffff;}
form input#reset { margin-left:0px;}
textarea { overflow: auto; }
form small {display: block;	margin: 0 0 5px 10px; padding: 1px 3px; font-size: 88%;}
form .required{font-weight:bold;}
form br {clear:left;}

/*pie*/
#base {
      clear: both; height:20px;margin-top:20px; padding-top:3px; padding-right:30px; text-align:centert; border: 1px solid #373737; word-spacing:2px;
      background-color:#444444;}
.base a{ 	font: normal 10px tahoma, sans-serif;	color:#cccccc;}
.base a:hover{color:#fff; }