/*********************************** Copyright Arribas&Galobart 2006 ***********************************/

/**** Estilos tradicionales ****/

body {
	background-image: url(../graficos/fondo.gif);
	background-repeat:    repeat-x;
	background-position: left top;
	background-color: #8E8E8E;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #CCCCCC;
	margin: 0px 0px 3px;
	text-align: center;
}

strong { font-family: "Trebuchet MS",Tahoma, Arial, geneva, sans-serif; font-size: 11px; line-height: 18px; color: #A99171;}
p { font-family: "Trebuchet MS",Tahoma, Arial, geneva, sans-serif; font-size: 11px; line-height: 18px; color: #666666; }

/*
Generales ***********************************************************************/

.contenidos{ width:712px; height: auto; background: #EEF0F2 url(../graficos/fondo-interior.gif) repeat-y center; }
.link{ font: normal 9px/normal Tahoma, Arial, Helvetica, Verdana; color: #797868; vertical-align: middle; text-align: center; padding: 2px 0px; height: 27px; width: 712px; background: #d5dfe5 url(../graficos/fondo-links.gif)  repeat-x bottom;}
.link a:Link, .link a:Visited { font: 9px/normal Tahoma, Arial, Verdana, "Trebuchet MS"; color: #4F5C67; text-decoration: none; }
.link A:Hover { font: 9px/normal Tahoma, Arial, Verdana, "Trebuchet MS"; text-decoration: none; color: #AF6E14; border-bottom: solid 2px #A2B6C7;}
.home{ background: url(../graficos/identidadvisual01.gif)  repeat-x; width: 443px; height: 57px; text-align: right; vertical-align: middle; padding-right: 65px; padding-top: 10px;}
.sombra-izq{ background: url(../graficos/sombra-izquierda.gif) repeat-y; vertical-align: top; width: 4px;}
.sombra-der{ background: url(../graficos/sombra-derecha.gif) repeat-y; vertical-align: top; width: 4px;}

/*
Columnas ***********************************************************************/

.columna01{ font: normal 11px/18px "Trebuchet MS", Tahoma, Arial, Helvetica; color: #666666; width: 340px; min-height: 200px; height: auto !important; vertical-align: top; border-right: 1px dotted #B0B0B0; padding: 10px 5px 3px 10px; text-align: left;}
.columna02{ font: normal 11px/18px "Trebuchet MS", Tahoma, Arial, Helvetica; color: #666666; width: 341px; min-height: 200px; height: auto !important; vertical-align: top; padding: 10px 10px 3px 5px; text-align: left; }
.columna03{ font: normal 18px/18px "Trebuchet MS", Tahoma, Arial, Helvetica; color: #AFA58D; width: 682px; height: 150px; vertical-align: middle; padding: 5px 10px;}
.columna03 A:Link, A:Visited{ font: normal 11px/18px "Trebuchet MS", Tahoma, Arial, Helvetica; color: #8C96B0;}
.columna03 A:Hover{ font: normal 11px/18px "Trebuchet MS", Tahoma, Arial, Helvetica; color: #292F74;}
.columna04{ font: normal 11px/18px "Trebuchet MS", Tahoma, Arial, Helvetica; color: #333333; width: 682px; vertical-align: top; padding: 10px;}

.col-contacto01{ font: normal 11px/normal "Trebuchet MS", Tahoma, Arial, Helvetica; color: #666666; width: 100px; height: 30px; padding: 3px; vertical-align: middle;}
.col-contacto02{ font: normal 11px/normal "Trebuchet MS", Tahoma, Arial, Helvetica; color: #666666; width: 150px; height: 30px; padding: 3px; vertical-align: middle;}

/* Columnas cotizar */
.cotizar-tabla{font: normal 11px/14px "Trebuchet MS", Tahoma, Arial, Helvetica; color: #666666; vertical-align: middle;}
.cot01{ width: 131px; height: 30px; border-bottom: 1px solid #E0E0E0; padding: 3px 0px;}
.cot02{ width: 70px; height: 30px; border-bottom: 1px solid #E0E0E0; padding: 3px 0px;}
.cot03{ width: 210px; height: 30px; border-bottom: 1px solid #E0E0E0; padding: 3px 0px;}
.cot04{ width: 201px; height: 30px; border-bottom: 1px solid #E0E0E0; padding: 3px 0px;}
.cot05 { padding:  5px 3px 5px 3px; vertical-align: middle; border-bottom: 1px solid #E0E0E0; font-weight: bold;}
.cot06 { padding:  5px 3px 5px 3px; vertical-align: middle; border-bottom: 1px solid #E0E0E0;}
.cot07{ width: 140px; height: 30px; border-bottom: 1px solid #E0E0E0; padding: 3px 0px;}

/* Columnas portada */
.portada01{ width:420px; padding: 0px 0px 10px 5px; text-align: center; vertical-align: top;}
.portada02{ font: 11px/16px "Trebuchet MS", Tahoma, Arial, Helvetica; color: #333333; text-align: left; vertical-align: top; width:277px; padding: 5px;}

/* Columnas portfolio */
.portfolio01{ font: normal 11px/14px "Trebuchet MS", Tahoma, Arial, Helvetica; color: #333333; text-align: left; vertical-align: top; width:712px; padding: 10px 0px;}
.portfolio-titulo{ font-weight: bold; color: #807260; padding: 10px; height: 30px; border-bottom: 1px solid #807260; background: #E4DFD8 url(../graficos/sombra-titulo.gif)  repeat-y; width: 390px; }
.portfolio-desc{ color: #666666; background: #F8F5F3 url(../graficos/sombra-desc.gif)  repeat-y; vertical-align: top; padding: 5px 10px 10px; width: 390px;}
.portfolio-top{ padding:10px 50px 10px 0px; text-align: right;}

/*
Títulos  *************************************************************************/

.titulos{ font: bold 11px/15px "Trebuchet MS", Tahoma, Arial, Helvetica;  color: #8A8675; background-color: #E2DFD8; border-bottom: 1px solid #8A8675; height: 30px; padding: 5px 10px 5px 9px;}
#error{background-color: #795422; border-bottom: 1px solid #DCA14F;}
#gracias{background-color: #005BAA; border-bottom: 1px solid #C2CCD4;}

/*
Rutas archivos ****************************************************************/

.ruta{ background-color: #F99D1C; padding: 5px 10px 5px 9px; border-bottom: 2px solid #E7D6BE; text-align: left; background: url(../graficos/fondo-ruta1.gif) repeat-x;}
.ruta-trabajos{ background-color: #F99D1C; padding: 5px 10px 5px 9px; border-bottom: 2px solid #E7D6BE; text-align: left; background: url(../graficos/fondo-ruta.gif) repeat-x;}

/*
Cabeceras *********************************************************************/

h1{font-family: Tahoma, Arial, geneva, sans-serif; font-size: 18px; color: #AFA58D; font-weight: normal;	line-height: normal; padding: 0px 0px 5px 0px}
h2{font-family: Tahoma, Arial, geneva, sans-serif; font-size: 13px; color: #FFFAEF; font-weight: bold; line-height: 12px; margin: 0px; padding: 0px 0px 3px 5px;}
h3{font-family: Tahoma, Arial, geneva, sans-serif; font-size: 13px; color: #003366; font-weight: bold; line-height: 12px; margin: 0px; padding: 0px 0px 3px 5px;}
h4{font-family: Tahoma, Arial, geneva, sans-serif; font-size: 20px; color: #657798; font-weight: bold; line-height: 25px; margin: 0px; padding: 0px 0px 0px 10px;}
h5{font-family: Tahoma, Arial, geneva, sans-serif; font-size: 20px; color: #FFFAEF; font-weight: bold; line-height: 12px; margin: 0px; padding: 0px 0px 0px 10px;}

sup {font-family:Arial, geneva, sans-serif; font-size: 9pt;} 
A:link {color: #5E748A; text-decoration: none;}
A:hover {color: #4A64A6; text-decoration: none;}
A:visited {color: #BE7474; text-decoration: none;}

/*
Formularios ********************************************************************/

.ListaMenu1{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #555555; background-color: #FFFFFF; width: 130px; height: 17px; border: 0px;}
.ListaMenu2{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #555555; background-color: #FFFFFF; width: 180px; height: 17px; border: 0px;}
.CampoTexto1{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #222222; background: #FFFFFF  url(../graficos/sombraform.gif) repeat left top; border: 0px; width: 130px; height: 17px;}
.CampoTexto2{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #222222; background: #FFFFFF  url(../graficos/sombraform.gif) repeat left top; border: 0px; width: 180px; height: 17px;}
.CampoTexto3{ font: normal 10px/normal Tahoma, Arial, Helvetica; color: #555555;  background: #FFFFFF url(../graficos/sombraform.gif) repeat left top; border: 0px solid #BFBFBF; height: 17px;}
.AreaTexto1{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #222222; background: #FFFFFF url(../graficos/sombraform.gif); border: 0px; width: 130px;}
.AreaTexto2{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #222222; background: #FFFFFF url(../graficos/sombraform.gif); border: 0px; width: 180px;}
.CampoObligatorio{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #990000; background: #FFFFFF url(../graficos/sombra-obligatorios.gif) repeat left top; border: 0px; width: 130px; height: 17px; }

/*
Menú de navegación ********************************************************/

#separador{width: auto; height:30px; float: left;}
.menu2 {padding:0px; margin:0; list-style:none; height:30px; background:#fff; position:relative; z-index:500; float: left;}
.menu2 li.top {display:block; float:left; width: auto; height:30px; }
.menu2 li a.top_link { font: normal 11px/30px Tahoma, Arial, Helvetica, Verdana; color: #D8E0DD; text-decoration:none; background: url(../graficos/boton-menu.gif) no-repeat; text-align: center; display:block; height:30px; width: 138px; float:left; cursor:hand;}
.menu2 li:hover > a.top_link { float: left; color: #F1F1F1; background: url(../graficos/boton-menu.gif) no-repeat -138px 0px;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; float: left; }

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub { left:0; top:30px; padding:0px; white-space:nowrap; width:138px; height:auto; z-index:300;}
.menu2 :hover ul.sub li { font: normal 11px/23px Tahoma, Arial, Helvetica, Verdana; color: #999999; text-decoration:none; display:block; height:23px; position:relative; float:left;}

/*  items desplagados primer nivel */
.menu2 :hover ul.sub li a { font: normal 11px/23px Tahoma, Arial, Helvetica, Verdana; color: #B0B0B0; text-decoration:none; display:block; height:23px; width:130px; padding: 0px 3px; border: 1px solid #FFFFFF; background-color: #F0F0F0;  cursor: hand; text-align: left;
  -moz-opacity: .95;
	opacity: .95;
	filter: alpha(opacity=95);
}
.menu2 :hover ul.sub li a:link{ font: normal 11px/23px Tahoma, Arial, Helvetica, Verdana; color: #B0B0B0;}
.menu2 :hover ul.sub li a:visited{
	font: normal 11px/23px Tahoma, Arial, Helvetica, Verdana;
	color: #555555;
	background-color: #E6DDDB;
}
/*  items comunes */
.menu2 :hover ul.sub li a:link { background-color: #F0F0F0; color: #757575; cursor: hand;}
.menu2 :hover ul.sub li a:hover { color: #444444; background:#dad6cb; border-top: 1px solid #736653; border-bottom: 1px solid #FFFFFF;}

/*  items con opciones desplegables */
.menu2 :hover ul.sub li a.fly { background:#DDDDDD url(../graficos/flecha-menu.gif) no-repeat right center; border-bottom: 1px solid #FFFFFF;}
.menu2 :hover ul.sub li a.fly:hover { color: #444444; background:#CFCABC url(../graficos/flecha-menu.gif) no-repeat right center; border-bottom: 1px solid #FFFFFF;}

/* 3º instancia de los items con opciones desplegables */
.menu2 :hover ul li:hover > a.fly { color: #444444; background:#BBC5C6 url(../graficos/flecha-menu.gif) no-repeat right center; border-top: 1px solid #736653; border-bottom: 1px solid #FFFFFF;} 
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul { left:138px; top:0px; background: #fff; padding:0px; white-space:nowrap; width:138px; z-index:400; height:auto; border: 1px none #FFFFFF;
  -moz-opacity: .95;
	opacity: .95;
	filter: alpha(opacity=95);
}


/*
Cartelitos ****************************************************************************************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */

/* Use a break with this class to clear float containers */
.brclear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#qTip { font: bold 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #74808B; background-color: #EBE9E5; text-align: left; padding: 3px; border-top:3px solid #F99D1C; border-right: 1px solid #82A5C3; border-bottom: 1px solid #82A5C3; border-left: 1px solid #82A5C3; display: none; position: absolute; z-index: 1500;
  -moz-opacity: .85;
	opacity: .85;
	filter: alpha(opacity=90);
	min-width:120px;
}


/*
Checkboxes ****************************************************************************************/

label.checkbox_checked { background: #F2F2F2 url(../graficos/checkbox/tick.png) no-repeat; /*	display: block;*/ margin: 10px 0; padding-left: 25px; }
label.checkbox_unchecked { background: #F2F2F2 url(../graficos/checkbox/cross.png) no-repeat; /*	display: block;*/ margin: 10px 0; padding-left: 25px;}

/* Radio Buttons */
label.radio_checked { background: #F2F2F2 url(../graficos/checkbox/bullet_green.png) no-repeat;	 /*	display: block;*/ margin: 10px 0; padding-left: 25px;}
label.radio_unchecked { background: #F2F2F2 url(../graficos/checkbox/bullet_white.png) no-repeat;	/*	display: block;*/ margin: 10px 0; padding-left: 25px;} 
/* Hover State */
label:hover{ color: #575B60;}
label.highlighted { border: 1px solid #333;}

/* STOP EDITTING - DO NOT CHANGE OR REMOVE        */
.crirHidden { position: absolute; left: -1000px;}

/*
Descripciones proyectos ****************************************************

#Pro-Topesup{ width:200px; margin-left: 40px; height: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #A79A89;}
#Pro-Abajo{ width:200px; margin-left: 40px; height: 1px; border-top-width: 1px; border-top-style: solid; border-top-color: #A79A89; }
#Pro-Caja{ width: 200px; margin-left: 39px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #A79A89; border-left-color: #A79A89; background-color: #EFEDE9; }
#Pro-Imagen{ width:200px; height: 234px;}
#Pro-Detalle{ font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; line-height: 15px; color: #666666; padding: 8px; width: 184px;}
#Pro-Detalle strong { font-family: Tahoma, Arial, geneva, sans-serif; font-size: 11px; line-height: 18px; color: #807260;}

/*
Clientes *************************************************************************

#client-t{ width:120px; height: 0px; margin-left: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #765E3E;}
#client-b{ width:120px; height: 1px; margin-left: 5px; border-top-width: 1px; border-top-style: solid; border-top-color: #765E3E;}
#client-titulo{ padding: 5px 0px 0px 1px; width: 119px; height: 20px; vertical-align: middle; text-align: left; background-color: #DCA14F; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EED3AD;}
#client-m{ width: 120px; height: auto; margin-left: 4px; background-color: #FBC477; padding: 0px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #765E3E; border-left-color: #765E3E; vertical-align: top; }