/* elementos básicos */
body {margin:0;padding:0; background: #F1F2ED;}
#page div, #page ul, #page li, #page h1, #page h2, #page h3, #page h4, #page h5, #page h6, #page img, #page table, #page span {position:relative; overflow:hidden; margin:0; padding:0;float:none;border:none;}
#page {font:normal 12px/150% Arial, Helvetica, sans-serif; color:#333; line-height:17px; overflow:hidden; position:relative;}
#page p {position:relative;overflow:hidden;margin:0;padding:0 0 5px 0;float:none;border:none;}

/* elementos de Títulos */
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {padding:0;line-height:normal;font-weight:bold;}

#page h1 {font-size:17px;border-bottom:1px solid #EEE3DA;margin:0 0 10px 0;color:#333;}
#page h2 {font-size:16px;color:#333;margin-bottom:5px;padding-bottom:2px; border-bottom:1px solid #CCC;} /*NEW*/
#page h3 {font-size:14px;color:#333;margin-bottom:5px;padding-bottom:2px}
#page h4 {color:#333;}
#page h5 {color:#333;}
#page h6 {color:#333;}

/* elementos de texto */
#page small {font-size:11px; color:#999}
#page b,#page strong{/*negrita*/}
#page em,#page i{/*cursiva*/}
#page u{ /*subrayado*/}
#page strike{ /*tachado*/}
#page hr {overflow:hidden;clear:both;height:1px;border:none;border-top:1px solid #DDDDDD;margin:10px 0 0 0;*margin:0;}

/* política de enlaces */
#page a:link {font-weight:bold;text-decoration:underline;color:#0066CC; }
#page a:visited {font-weight:bold;text-decoration:underline;color:#0066CC;}
#page a:hover, #page a:active {text-decoration:underline;color:#FF6600;}
#page a img {border:0;}

/* listas */
/*#page ul {list-style:none;}
#page ul li {list-style:none;margin-bottom:10px;}*/

/* formularios */
#page input {background-color:#FFF;border:1px solid #CCC;color:#333; height:20px;} 
#page textarea{height:100px;background-color:#FFF;border:1px solid #CCCCCC;color:#333;} 
#page textarea:focus, #page #container input:focus {background-color:#FFFF99;color:#333;} 
#page label {color:#333;font-size:11px; display:block;float:left; padding-top:3px;} 


/********************** MAQUETACIÓN *******************************/

/* page */
#page {width:912px;margin:0 auto;}
#page .wrap {margin:0 auto;}
#page .wrap .wrap {margin:0 auto;}
#page .wrap .wrap .wrap {margin:0;}


/* header */
#page #header {width:912px; height:115px; z-index:10; overflow:visible;  background: url(../images/fnd_top.png) 0 0 no-repeat;}
#page #header_wrap {overflow:visible; height:0px;}

#page #header #logo {position:absolute; top:53px; left:23px;  text-align:left; width:500px; }
#page #header #logo .wrap {position:relative;width:200px;}
#page #header #logo img{float:left;}

#page #header #shortcuts {color:#999; font-size:11px; height:20px;  padding-top:5px;  background-color:#4C4C4C; width:900px; text-align:right; left:6px;}
#page #header #shortcuts .wrap {}
#page #header #shortcuts a {color:#999;}
#page #header #shortcuts .separador {margin:0 5px}


/*#page #container #content h1 { color:red;}*/
/* layer_nav */
#page #layer_nav {width:700px; top:25px; height:23px;* height:24px; z-index:10000; overflow:visible; float:right;}
#page #layer_nav_wrap {overflow:visible} 
#page #layer_nav ul {position:relative;float:right;padding:0;margin:0;list-style:none; overflow:visible; margin-right:10px}
#page #layer_nav li {margin:0 15px 0 0; padding:5px;  float:left; /*width:80px;*/ text-align:left; letter-spacing:-1px; line-height:130%;}
#page #layer_nav li big {font-size:18px;}
#page #layer_nav li a.selected{color:#B84900;}
#page #layer_nav li a{text-decoration:none;font-size:15px;color:#333;font-weight:bold;}
#page #layer_nav li a:hover{color:#B84900 }


/* destacado */
#page #destacado {height:210px; z-index:0; background: url(../images/fnd.png) top center repeat-y;}
/*#page #destacado_wrap {background:#FFF url(../images/fnd_destacado.png) 0 0 no-repeat; width:900px;}*/
#page #destacado_wrap {background:#FFF url(../images/img_grupotec.jpg) 0 0 no-repeat; width:900px;}
#page #destacado .mensaje {float:right; margin:0; padding:20px; width:260px;}
#page #destacado .mensaje  h1 {border:none; color:#FFF; text-align:right; height:60px}
#page #destacado .mensaje  h2 {border:none; color:#FFF; text-align:right; font-size:110%}
#page #destacado .mensaje  h3 {border:none; margin:0; color:#CCC; letter-spacing:0px;  text-align:right; font-size:100%}
#page #destacado .mensaje #img {text-align:right; top:10px}
#page #destacado .separador {height:10px; background-color:#FF9428; width:900px; margin:0 0 0 0;}
body.doscol #page #destacado {height:10px;}


/* container */

#content .cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}

#page #container {background: url(../images/fnd.png) top center repeat-y}
#page #container .wrap{width:860px;padding-top:10px;}

#page #container #content {float:left; width:860px; margin-right:30px;  _margin-right:20px}
#page #container #content .wrap{padding:0; margin-top:8px}
#page #container #content h1 {margin-bottom:5px;}

#page #container #content #partners table a img {border: 1px solid #E9E9E9;}
#page #container #content #partners table a  {text-decoration: none; color:#FF9428; font-weight:100; padding-top:3px;}
#page #container #content #partners table a:hover  {text-decoration: underline; color:#FF9428; font-weight:100; padding-top:3px;}
#page #container #content #partners table a :visited {text-decoration: none; color:#FF9428; font-weight:100; padding-top:3px;}

body.doscol #page #container {background: url(../images/fnd_left_large.png) top center no-repeat}
body.doscol #page #container #content {float:left; width:550px; margin-right:20px; padding-bottom:40px;}
body.doscol #page #container #content .wrap{padding:0; width:auto;}

#page #container #content .untercio {float:left; width:260px;  margin-right:40px; padding-bottom:20px;}
#page #container #content .untercio h1 {margin-bottom:18px;}
#page #container #content .untercio h2 {margin-bottom:5px;}

#page #container #content .dostercios {float:left;width:570px; margin-right:30px;padding-bottom:40px;}
#page #container #content .dostercios h1 {margin-bottom:18px;}

#page #container #content .unmedio {float:left;width:400px;margin-right:40px; padding-bottom:20px;}

#page #container #content .floatleft{float:left;width:49%;margin-bottom:10px;}
#page #container #content .floatright{float:right;width:49%;margin-bottom:10px;}
#page #container #content .img-especial{float:left;margin-right:5px;margin-bottom:10px; }

#page #container #content .last {margin-right:0;}
#page #container #content .linkH {float:right; color:#666; font-size:10px; border-bottom:1px solid #CCC; margin-top:5px; *margin-top:4px}
#page #container #content .linkH img {vertical-align:middle;padding-left:5px;}

#page #container #left {float:left; width:260px; background: #E5E5E5; margin:10px 30px 0 0;}
#page #container #left .wrap {padding:0; width:auto;}

#page #container #left .unmedio {float:left;width:400px;margin-right:30px;padding-bottom:40px; }
#page #container #left .unmedio h1 {margin-bottom:18px;}
#page #container #left .last {margin-right:0;}
 
/* botonera paginacion */
#page #container #content #nav #botonera .select { float:left; }
#page #container #content #nav #botonera .select a { color:#000000; float:left; text-decoration:none; font-weight:normal;}
#page #container #content #nav #botonera .select a:visited{ color:#000000; float:left; text-decoration:none; font-weight:normal;}
#page #container #content #nav #botonera .btn { margin: 0; padding: 0; }
#page #container #content #nav #botonera .btn a { color:blue; float:left; text-decoration:underline; margin-left:5px; margin-right:5px; padding: 0;}
#page #container #content #nav #botonera .btn a:visited{ color:blue; float:left; text-decoration:underline}
#page #container #content #nav #botonera .sig-ant-sig{ float:left; margin-left:17px;}
#page #container #content #nav #botonera .sig-ant-ant{ float:left; margin-right:17px;}


/*breadcrumbs */
#page #container #content #breadcrumbs {font-size:11px; color:#666; margin-top:-4px; margin-bottom:7px;}


/* caja servicios */
#page #container #servicios .wrap{width:auto}
#page #container #servicios .titulo-servicio{font-size:14px;color:#0066CC;background:url(../images/flecha_azul.gif) 0 3px no-repeat;padding-left:15px;font-weight:bold;margin-top:15px;}


/* footer */
#page #footer {width:100%; height:90px}
#page #footer .fnd {top:-5px;}
#page #footer .wrap{width:860px;}
#page #footer #menufooter {color:#666;margin-left:7px}
#page #footer #menufooter a {color:#666;  font-size:10px; font-weight:bold;}
#page #footer #subfooter{margin-top:5px; padding-top:3px;}
#page #footer #subfooter #logofooter {float:left; color:#999; margin-top:-5px}
#page #footer #subfooter #logofooter #logo2 {font-weight:bold;}
#page #footer #subfooter #logofooter #logo {font-weight:bold;}
#page #footer #subfooter #logofooter #logo img { vertical-align:middle; margin-right:10px}
#page #footer #subfooter #logofooter #logo2 img { vertical-align:middle; margin-right:10px}
#page #footer #subfooter #powered {float:right; margin-top:-5px; color:#999; font-size:11px}
#page #footer #subfooter #company {font-weight:bold;}
.contact_data {font-size:11px; color:#666666; }


/* btn */
#page .btn {background:url(../images/btn_left.gif) 0 0 no-repeat; font-size:11px; margin:5px 0 5px 0; padding:0 5px; height:25px; float:left;}
#page .btn a {background:url(../images/btn_right.gif) right 0 no-repeat; padding:5px 10px 5px 5px; color:#FFF; font-size:14px; display:block; text-decoration:none;}
#page .btn a:visited {color:#FFF;text-decoration:none;}
#page .btn a:hover {text-decoration:none;*text-decoration:underline;color:#FFF;}

#page .nobtn {background:none; padding:0;  float:right;}
#page .nobtn a {background:none;color:#0066CC;font-size:12px;text-decoration:underline;padding:0;width:100%;}
#page .nobtn a:visited {color:#0066CC;text-decoration:underline;}
#page .nobtn a:hover {color:#FF6600;}

/*auxiliares*/
#page img.left {float:left;padding:0px 10px 0 0;}
#page img.right {float:right;padding:0px 0px 0 10px;}
#page .cleaner {clear:both;height:1px;font-size:1px;border:none;margin:0;padding:0;background:transparent;}
#page .backcolor {background-color:#DDDDDD}
#page .backcolor_two {background-color:#FFF0DD}
#page .colored {background-color:#E5E5E5;} 
#page .colored_two {background-color:#CCC;} 
#page .lessColor {color:#666;} 
#page .noborder {border-bottom:none}
#page .borderDotted {border-bottom:2px dotted #DDD;}

/*png transparente*/
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


/* paginacion */
#page .paginacion {background: url(../images/fnd_paginacion.gif) 0 0 no-repeat; color:#666666; padding: 5px 3px 3px 3px;  margin: 1.5em auto 1.5em auto; overflow: hidden; position: relative; height:30px;}
#page .paginacion * {margin:0}
#page .paginacion p {position:relative;	text-align:right; color:#CCC; font-weight:bold;float:right;padding:2px 5px;}
#page .paginacion p a:link, #page .paginacion p a:visited, #page .paginacion p a:hover, #page .paginacion p a:active {text-decoration:none;
color:#0066CC; padding:2px 5px;font-size:11px}
#page .paginacion p a:hover {background: #B84900;color:#ffffff}
#page .paginacion p span {text-decoration:none;background-color:#0066CC;padding:2px 5px;color:#FFF;}
#page .paginacion h5 {margin:3px; border:none; font-size:11px; float:left; color:#666;}