* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF url(../images/body_bg.gif) top repeat-x;
	padding:0 30px;
}

img {vertical-align:top;}
a img, img { border:none;}

.imgi {
  float: left;
  margin-right: 14px;
  border: 1px solid #d1d1d1;
  padding: 4px;
}
.imgd {
  float: right;
  margin: 0 14px;
}

iframe.google {
  margin: 5px 10px;
  border: 1px solid #ccc;
  width: 98%;
  height: 400px;
}

abbr, acronym {
	border-bottom: 1px dashed #ccc;
	cursor:help;
}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.cen {text-align: center;}
.clear  {clear:both;}
.ocultar {display:none;}

blockquote {
  background: #FBE8D0;
  border-left: 2px solid #EA8002;
  padding: 4px 20px 10px;
  line-height: 1.5em;
  margin-top: 10px;
}

hr {
  color: #406E9D;
  background-color: #406E9D;
  height: 1px;
  border: 0;
  margin: 10px 0 30px;
}

html, input, textarea
{
	font-family:Arial;
	font-size:0.75em;
	line-height:1.25em;
	color:#666;
}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#0053A6;}
a:hover{text-decoration:none;}
strong {color:#444;}

.arriba {
  text-align: right;
  margin-right: 10px;
  padding-top: 12px;
}
.arriba a {
  background: url(../images/top.gif) no-repeat right center;
  text-decoration: none!important;
  padding-right: 20px;
}
.arriba a:hover {color: #EA8002;}

.volver {
  text-align: right;
  padding-top: 12px;
}
.volver a {
  background: url(../images/flechaizq.gif) no-repeat left center;
  text-decoration: none!important;
  padding-left: 20px;
}
.volver a:hover {color: #EA8002;}

.visitar {
  text-align: right;
  padding-top: 12px;
}
.visitar a {
  background: url(../images/flechader.gif) no-repeat right center;
  text-decoration: none!important;
  padding-right: 20px;
}
.visitar a:hover {color: #EA8002;}

.aviso {
  background: #fff url(../images/aviso.gif) no-repeat 5px center;
  padding: 10px 10px 10px 30px ;
  margin-top: 20px;
  border: 1px solid #FFC000;
  color: #800000;
}

/* ============================= main layout ====================== */

.more {background:url(../images/list2_bg.gif) no-repeat 0 4px; padding-left:10px;}

.padding li { background:url(../images/bullet.gif) no-repeat 2px center; padding-left:20px; line-height:1.67em;}

.list1 li{background:url(../images/listw_bg.gif) no-repeat 0 7px; padding-left:10px; font-size:1em;}
.list1 li {text-decoration:none; color:#fff; line-height:1.82em;}
.morev { padding:0; margin: 0; }
.morev img { padding:0; margin: 0; }
.morev a { padding:0; margin: 0; }

.list2 li{background:url(../images/list2_bg.gif) no-repeat 0 7px; padding-left:10px; font-size:1em;}
.list2 li {text-decoration:none; color:#444; line-height:1.82em;}
.morea { color: #003E7C; }
.morea a {
  background: #B8D5E1;
  color: #003E7C;
  border: 1px solid #C6E2EE;
  text-decoration: none;
  padding: 5px 20px;
  font-size: 0.9em;
}
.morea a:hover { background: #C6E2EE; }

.imgindent {margin:0 20px 0 0; float:left;}
.taright {text-align:right;}
.taright h2 {font-size: 2.3em; color: #fff; font-family: "Trebuchet MS", Verdana, Arial; }
.taright ul { margin-top: 15px; }
.taright li {font-size: 1.5em; color: #eee; font-family: "Trebuchet MS", Verdana, Arial; line-height:1.82em; }
.taright li a {color: #eee!important;}
.taright li a:hover, .taright li a:focus {color: #fff!important;}
.taright strong { color: #fff; font-weight: normal; }

/* ============================= header ====================== */

/*h1 a {background:url(../images/logo.gif) top left no-repeat; text-indent:-10000px; display: block; width:340px; height:42px; line-height:1em; font-size:0.75em;border: none!important;}*/
h1 a { display: block; width:340px; float:left; font-size:3em;border: none!important; color:#FC7E00!important; padding: 23px 0 18px; }
h1 a span { color: #7D7D7E; }

#header .cols {width:100%;}
#header .cols .left {width:350px;}
#header {font-size:0.92em; color:#b0b0b0;}
#header a { text-decoration: none; }
#header .cols .right li a, .banner a {color:#0053A6; text-decoration: none; border-bottom: 1px dotted #2A7AC4; }
#header .cols .right li a:hover, .banner a:hover {color: #EA8002; border: none;}
#header .cols .right {padding:15px 5px 5px 0;}
#header .cols li { display: inline; padding-left: 20px; }

#header .menu { background: #0053A6 url(../images/menu_left.gif) no-repeat top left; height: 59px; }
#header .menu .right_bg {background:url(../images/menu_right.gif) top right no-repeat; width:100%;}
#header .menu .right {padding: 0 20px 0 0;}

.menu ul {margin: 19px 0 0 20px;}

.menu ul li {
	float: left;
	display: block;
	background: #004387;
	margin-left: 5px;
	font-family: Arial, Verdana;
}
#header .menu .right ul li { background: #FC7E00; }
.menu ul li a {
	float: left;
	display: block;
	padding: 0 20px;
	font-size: 110%;
	font-weight: bold;
	border-bottom: none!important;
	border-top: 5px solid #003E7C;
	color: #fff!important;
	height: 35px;	 
	line-height: 34px;
	text-decoration: none;
}
#header .menu .right ul li a { border-top: 5px solid #FFA64C; }
.menu ul li a:hover, .menu ul li a:focus { border-top: 5px solid #003E7C!important; text-decoration: underline!important; }
#header .menu .right ul li a:hover, #header .menu .right ul li a:focus { border-top: 5px solid #FFA64C!important; }

.menu ul li#activo { background: #fff!important; }
.menu ul li#activo a { color: #004387!important; border-top: 5px solid #2A7AC4; }
.menu ul li#activo a:hover {border-top: 5px solid #2A7AC4!important;}

/* submenu */
.submenu {
  margin-top: 20px;
  margin-left: 20px;
  height: 6px;
}
.submenu ul li {
  display: inline;
  float: left;
	margin-left: 5px;
	font-family: Arial, Verdana;
	padding-top: 4px;
}
.submenu li a {
  background: url(../images/tab_off.jpg) repeat-x bottom;
  color: #444;
  font-size: 1em;
  padding: 10px 10px;
  border: 1px solid #ccc;
	text-transform: uppercase;
	text-decoration: none;
}
.submenu li a strong { color: #444; }
.submenu li a:hover {
  background: url(../images/tab_on.jpg) repeat-x top;
  color: #444;
}
.submenu li a:focus, .submenu li a.activo {
  background: url(../images/tab_on.jpg) repeat-x top;
  color: #004387;
}
.submenu li a:hover strong { color: #444; }
.submenu li a:focus strong, .submenu li a.activo strong { color: #004387; }

#header .pad {padding-top:1px;}
#header .header_tall {background: #2A7AC4 url(../images/header_tall.gif) top repeat-x;}
#header .header_right {background:url(../images/header_right.gif) top right no-repeat;}
#header .header_left {background:url(../images/header_tall.gif) top repeat-x; width:100%;}
#header .header_left .taright {padding:30px 60px 33px 0;}
#header .but1 {margin:16px 0 0 0;}
#header .but2 {margin:16px 14px 0 8px;}
.proyecto {border: 5px solid #2A7AC4; float: left; margin-left: 25px;}

/* ============================= middle ====================== */

#middle { width:100%;}

.box {background:#f5f9fb url(../images/box_tallb.gif) bottom repeat-x;}
.boxb {background:#fff url(../images/box_tallb.gif) bottom repeat-x;}
.boxe {background:#fff url(../images/box_tallb.gif) bottom repeat-x; margin-top: 20px;}
.box .tallt, .boxb .tallt, .boxe .tallt {background:url(../images/box_tallt.gif) top repeat-x;}
.box .talll, .boxb .talll, .boxe .talll {background:url(../images/box_talll.gif) left repeat-y;}
.box .tallr, .boxb .tallr, .boxe .tallr {background:url(../images/box_tallr.gif) right repeat-y;}
.box .br, .boxb .br, .boxe .br {background:url(../images/box_br.gif) bottom right no-repeat;}
.box .bl, .boxb .bl, .boxe .bl {background:url(../images/box_bl.gif) bottom left no-repeat;}
.box .tr, .boxb .tr, .boxe .tr {background:url(../images/box_tr.gif) top right no-repeat; width:100%;}
.box .tl, .boxb .tl, .boxe .tl {background:url(../images/box_tl.gif) top left no-repeat;}

.solicitar a {
  background: url(../images/solicitar.png) no-repeat left center;
  display: block;
  padding-left: 22px;
}

.box2 {background:#73CAED url(../images/box2_tallb.gif) bottom repeat-x;}
.box2 .tallt {background:url(../images/box2_tallt.gif) top repeat-x;}
.box2 .talll {background:url(../images/box2_talll.gif) left repeat-y;}
.box2 .tallr {background:url(../images/box2_tallr.gif) right repeat-y;}
.box2 .br {background:url(../images/box2_br.gif) bottom right no-repeat;}
.box2 .bl {background:url(../images/box2_bl.gif) bottom left no-repeat;}
.box2 .tr {background:url(../images/box2_tr1.jpg) top right no-repeat;}
.box2 .tr2 {background:url(../images/box2_tr.gif) top right no-repeat;}
.box2 .tl {background:url(../images/box2_tl.gif) top left no-repeat;}

.box3 {background:#C6E2EE url(../images/box3_tallb.gif) bottom repeat-x;}
.box3 .tallt {background:url(../images/box3_tallt.gif) top repeat-x;}
.box3 .talll {background:url(../images/box3_talll.gif) left repeat-y;}
.box3 .tallr {background:url(../images/box3_tallr.gif) right repeat-y;}
.box3 .br {background:url(../images/box3_br.gif) bottom right no-repeat;}
.box3 .bl {background:url(../images/box3_bl.gif) bottom left no-repeat;}
.box3 .tr {background:url(../images/box3_tr.gif) top right no-repeat;}
.box3 .tl {background:url(../images/box3_tl.gif) top left no-repeat;}

#middle .indent { padding:23px 0 0 0;}

.cols {width:100%;}
.colunms {width:100%;}
p {padding:6px 0 0 0;}
.p {padding-top:15px;}
/* ============================= footer ====================== */

#footer {background:url(../images/hor_line.gif) top repeat-x;}
#footer .left {padding:23px 0 0 20px;}
#footer a {color:#949494; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .right {padding:23px 23px 0 0;}
#footer .right .rss {background:url(../images/rss.gif) no-repeat center right; padding:3px 28px 2px 0; color: #EA8002;}
#footer .right .tel {background:url(../images/tel.gif) no-repeat center right; padding:4px 28px 2px 0; color: #677995; font-weight: bold;}
#footer li {display: inline; }
.vcard a {
  background: url(../images/vcard.gif) no-repeat left center;
  padding-left: 20px;
}

/* ============================= index ============================= */
#index .t1 {margin-bottom:20px;}
#index .t2 {margin-bottom:20px;}
#index .t3 {margin-bottom:18px;}

#index .box .padding {padding:25px 30px 30px 20px;}
#index .box .padding h2 {font-size: 2em; font-family: "Trebuchet MS", Verdana, Arial; color: #545454; margin-bottom: 15px;}
#index .box .padding h3 {font-size: 1.3em; font-family: "Trebuchet MS", Verdana, Arial; color: #406E9D; margin: 15px 0;}
#index .box .padding h4 {font-size: 1.1em; font-family: "Trebuchet MS", Verdana, Arial; color: #EA8002; margin: 15px 0;}
.talll .padding h2 { font-size: 2em; font-family: "Trebuchet MS", Verdana, Arial; color: #444; margin-bottom: 15px; line-height: 1em; }
.column2 .padding h2 {font-size: 2em; font-family: "Trebuchet MS", Verdana, Arial; color: #EA8002; margin-bottom: 15px;}
.column2 .padding h3 {font-size: 1.2em; font-family: "Trebuchet MS", Verdana, Arial; color: #406E9D; margin: 15px 0;}
.column1 .padding h2 {font-size: 2em; font-family: "Trebuchet MS", Verdana, Arial; color: #003E7C; margin-bottom: 15px;}
.column1 .padding h3 {font-size: 1.5em; font-family: "Trebuchet MS", Verdana, Arial; color: #406E9D; margin-bottom: 15px;}

#index .colspad {padding:17px 0 0 0;}
#index .box2 .padding {padding:25px 22px 20px 22px;}
#index .box2 ul {padding:14px 0 15px 0;}
#index .box2 .taright {padding:21px 0 0 0;}
#index #middle .col1 .indent {padding:0 6px 0 0;}
#index #middle .col2 .indent {padding:0 6px 0 0;}
#index .box3 .padding {padding:25px 22px 20px 22px;}
#index .box3 ul {padding:14px 0 15px 0;}
#index .box3 .taright {padding:21px 0 0 0;}

#index .columnspad {padding:31px 0 17px 0;}
#index .column1 .padding {padding:1px 23px 10px 19px;}
#index .column2 .padding {padding:1px 20px 10px 20px;}

/* para teclas de acceso rapido */
.teclas {
  list-style: none;
  padding-left: 10px!important;
  margin-left: 10px!important;
}
.teclas li {
  padding: 6px 2px 8px 2px!important;
  display: block;
}
.tecla {
  float: left;
  display: block;
  width: 12px;
  background: #666;
  border-left: 2px solid #333;
  border-right: 4px solid #333;
  border-top: 1px solid #333;
  border-bottom: 5px solid #333;
  padding: 2px 4px;
  margin-top: -4px;
  margin-right: 4px;
  color: #fff!important;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-family: Verdana, Arial;
  cursor: help;
}

/* para tarifas */
.tarifas {
  float: right;
  display: block;
  padding-left: 10px;
  padding-bottom: 10px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-left: 10px;  
}

/* para paginacion */
.paginacion {
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}

.paginacion a {
	padding: 4px 10px;
	margin: 2px;
	border: 1px solid #003E7C;
	text-decoration: none;
	background: #004387;
 	color: #fff;
}

.paginacion a:hover,
.paginacion a:active {
	border: 1px solid #003E7C;
	background: #FFFFC0;
	color: #003E7C;
}
.paginacion .current {
	padding: 4px 10px;
	margin: 2px;
	border: 1px solid #003E7C;
	background: #fff;
	color: #003E7C;
}
.paginacion .disabled {
	padding: 4px 10px;
	margin: 2px;
	border: 1px solid #ccc;
	background: #fff;
	color: #ccc;
}

/* para portfolio */
dl {
  width: 100%;
  margin: 0 10px 0 16px;
  text-align: center;
}
dd {
  background: #fff;
  text-align: center;
  display: block;
  float: left;
  border: 1px solid #ccc;
  margin-right: 10px;
  margin-bottom: 10px;
  /*width: 200px;*/
  width: 23%;
  height: 200px;
}
dd h3 {
  height: 30px;
  font-size: 1.1em!important;
}
dd p { font-size: 1em!important; }
dd img { width: 120px; }

.detalleproyecto {
  text-align: center;
  width: 600px;
  margin: 0 auto;
}
.detalle {
  padding: 4px 6px;
  border-bottom: 1px solid #ccc;
  margin-left: 0!important;
  color: #800000;
}
.detalle span {color: #FC7E00;}
.detalles {
  float: left;
  text-align: left;
  border: 1px solid #ccc;
  width: 193px;
  height: 210px;
  padding: 10px;
  background: #fff;
}
.detalles li { background: none; }

.imgdet {
  float: left;
  margin-right: 14px;
  border: 1px solid #ccc;
  padding: 10px;
  height: 210px;
  width: 330px;
}

.si, .detalles li.si {
  background: url(../images/si.gif) no-repeat left center;
  padding-left: 25px;
  color: green;
}
.no, .detalles li.no {
  background: url(../images/no.gif) no-repeat left center;
  padding-left: 25px;
  color: #E0645B;
}

/* Para preguntas frecuentes */
#lista_etiquetas ul {
  list-style: none;
  margin-left: 0!important;
  padding-left: 0!important;
  height: 29px;
  border-bottom: 2px solid #0053A6;
}
#lista_etiquetas ul.pregunta {
  border: none!important;
}
#lista_etiquetas li {
  background: none!important;
  margin-left: 10px!important;
  padding-left: 0!important;
}

#caracteristicas_int ul {
  margin-right: 0;
  padding-left: 0;
}
#caracteristicas_int li {
  background: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0!important;
  margin-left: 0!important;
  padding-left: 10px!important;
}
#caracteristicas_int h3{
  background: url(../images/flecha_abajo.gif) no-repeat left center !important;
  font-weight: normal;
  cursor: pointer;
  color: #0053A6;
  padding-left: 20px;
}
#caracteristicas_int li.select h3{
  background: url(../images/flecha_arriba.gif) no-repeat left center !important;
  padding-left: 20px;
}


/* para articulos interes */
#caracteristicas_int .articulos {
  margin-left: 10px!important;
  padding-left: 10px!important;
}
#caracteristicas_int .articulos li {
  background: url(../images/flecha_mapa.gif) no-repeat left center!important;
  border-bottom: none!important;
  color: #666; 
}

#caracteristicas_int p{
  margin-bottom:1em;
}
#caracteristicas_int div{
  text-align: justify;
  padding: 0 12px 0 0;
}

.visible{display:block;}
.novisible{display:none}

#capa {
  display:none;
  margin-top: 10px;
}
.restringido a {
  background: url(../images/acceso.gif) no-repeat left center;
  padding: 4px 20px;
  color: #565C5E;
}
.restringido a:hover {
  background: url(../images/acceso_hover.gif) no-repeat left center;
  color: #F0AA24;
}

/* para tabla posicionamiento */
.posicionamiento {
  margin: 4px 10px;
  width: 98%;
  color: #333;
}

.posicionamiento td {
  padding: 4px;
}
.posicionamiento td.fondo {
  background: #eee;
}

/* Estilos para el mapa web */
.mapa a strong { font-weight: normal; color: #0053A6 }
.mapa ul li {
  background: none;
  margin-bottom: 6px;
}
.mapa ul li a {
  background: url(../images/mapa_seccion.gif) no-repeat left center;
  padding-left: 20px;
}
.mapa ul li ul li a {
  background: url(../images/mapa_apartado.gif) no-repeat left center;
  padding-left: 20px;
}

/* Estilos para el formulario */
input,textarea {
	font-size: 0.9em;
	letter-spacing:1px;
	border-width:1px;
	background:#ffffff;	
	color: #004387;
	border-style:solid;
	border-color:#ccc;
	padding:3px;
}
textarea { font-size: 1em; }
select {
  font-size: 0.9em;
	letter-spacing:1px;
  border: 1px solid #ccc;
  color: #004387;
}
select option { padding: 0 3px; }

.formulario {
  padding: 8px 16px;
  margin-bottom: 10px;
  font-size: 1.2em;
}
.formulario label {
  color: #666;
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 14px;
	margin-right: 1px;
	padding: 2px 4px;
	text-align: right;
}
.formulario input {
  border: none;
  border: 1px solid #ccc;
}
.formulario select {
  border: 1px solid #ccc;
  padding: 2px 0;
}
.formulario input:hover, .formulario input:focus, .formulario textarea:hover, .formulario textarea:focus, .formulario select:hover, .formulario select:focus { border: 1px solid #666; }
.formulario br {clear: left;}
.formulario .botonc {
  background: #444;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 16px;
  border: none;
  cursor: pointer;
}
.formulario .botonc:hover, .formulario .botonc:focus {
  background: #000;
  color: #fff;
  border: none;
}
.searchbutton {
  background: #E9ECF5;
  color: #2B5682;
  text-decoration: none;
  font-weight: bold;
  padding: 1px 4px;
  border: 1px solid #2B5682;
  cursor: pointer;
  margin-top: 4px;
  font-size: 0.8em;
}
.obligatorio {
  color: #f00;
  font-family: Verdana, Arial;
}
.estadook {
  background-color: #008000;
  color: #fff;
  font-family: Verdana, Arial;
  margin: 30px 0 10px;
}
.estadoko {
  background-color: #f00;
  color: #fff;
  font-family: Verdana, Arial;
  margin: 30px 0 10px;
}

.formulario .error label {
  color: #f00;
  font-weight: bold;
}
.formulario .error input, .inputerror, .formulario .error textarea {
  border-color: #f00;
}

.formulario small {
  color: #666;
}