* { margin:0; padding:0;}
body { background:#f3f3f5; font-size:100%; line-height:1em; font-family:arial, tahoma; color:#666;}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#000000; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

a:hover{text-decoration:none;}
a {color:#51a6db;}

.column { float:left;}
.clear { clear:both;}
.separar { display: none; }
.center { text-align: center;}

/*h1{text-indent:-10000px; font-size:0; line-height:0;}*/
h1 a {
  position: absolute;
  display: block;
  text-indent:-10000px;
  height: 85px;
  width: 481px;
  top: 30px;
  left: 27px;
}

.tall_header{ background:#ffffff; width:100%;}
/*header*/
.h_wr_logo{ background: #8191B3; height: 30px;}
.h_menu{ background:url(../images/h_menu.gif) 0 0 repeat-x; height:370px;}
.h_menu .con_left{ background:url(../images/menu_con_left.jpg) 0 0 no-repeat; height:370px;}
.h_menu .con_right{ height:370px; background:url(../images/menu_con_right.gif) top right no-repeat;}
.box_menu{ width:255px; float:right; padding-top:100px;}
.box_menu img{ margin-bottom:4px;}

.box_menu li a {
  display: block;
  background: #F4F4F6 url(../images/fondo_menu.gif) no-repeat 10px 12px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 170px;
  color: #333;
  text-decoration: none;
  padding: 10px 0 10px 30px;
  margin-bottom: 10px;
}
.box_menu li a:hover, .box_menu li.active a {
  background: #02236A url(../images/fondo_menu_hover.gif) no-repeat 10px 12px;
  color: #fff;
  border-bottom: 1px solid #011235;
  border-right: 1px solid #011235;
}

/*footer*/
.tall_footer{ background:url(../images/tall_footer.gif) 0 0 repeat-x; width:100%; font-size:0.75em;}
.footer{ padding:20px 0 25px 50px; color:#7f7f7f;}
.footer a { color:#7f7f7f; text-decoration: none; }
.footer a:hover, .footer .active { text-decoration: underline; }
.line_b{ background:#e7e7e7; font-size:0; line-height:0; height:5px;}

.footer ul { margin-bottom: 10px; }
.footer li {
  display: inline;
  padding: 0 10px;
  border-left: 1px solid #ccc;
}

/*content*/
.content{ font-size:0.75em; line-height:1.625em; padding-bottom:30px;}
.title{ display:block; margin-bottom:28px;}
.content strong{ color:#232323;}

.col_1 ul {border: 1px solid #f0f0f0;padding: 10px;}
.col_1 li { background:#F4F4F6; margin:0; padding: 6px 12px; text-decoration:none; color:#aaa; font-family: Verdana, Arial; font-size: 0.9em; font-weight: bold; line-height:1.8em; margin-bottom: 0px;}

.col_1 h2 {
  color: #02236A;
  font-family: Verdana, Arial;
  margin: 20px 0 0 25px;
  font-size: 1.4em;
}

.col_1 .imagen {
  margin: 0!important;
  border: none;
}
.col_1 .imagen li {
  background: #fff;
  padding: 0;
  margin: 0;
  border: none;
}

.button_wr{ background:url(../images/button_wr.gif) 0 0 repeat-x; margin-top:14px; color: #fff; font-weight:bold;}
.button_wr div{ background:url(../images/con_but.gif) top right no-repeat;}
.button_wr span{ background:url(../images/con_but.gif) top left no-repeat; height:19px; display:block;  text-align:center;}
.button_wr a{ color:#ffffff; font-weight:bold; text-decoration:none; font-family:Tahoma; font-size:0.9em; padding-top:0px; display:block;}

.button_wr1{ background:url(../images/button_wr1.gif) 0 0 repeat-x; margin-top:14px; color: #fff; font-weight:bold;}
.button_wr1 div{ background:url(../images/con_but1.gif) top right no-repeat;}
.button_wr1 span{ background:url(../images/con_but1.gif) top left no-repeat; height:19px; display:block;  text-align:center;}
.button_wr1 a{ color:#ffffff; font-weight:bold; text-decoration:none; font-family:Tahoma; font-size:0.9em; padding-top:0px; display:block;}

.w{ width:150px;}
.w1{ width:97px;}
.w2{ width: 95%;}
.w_f{ width:44px;}

.line_x{ background:url(../images/line_x.gif) 0 26px repeat-x; height:53px;}

.img_left{ float:left; margin-right:21px;}
.link{ color:#51a6db; font-weight:bold; display:block;}
.ind_1{ margin:11px 0 0 0;}

.box_top_ind .col_1, .box_top_ind .col_2, .box_top_ind .col_3{ margin:45px 0 0 0;}
.ind_txt_left{ padding:0 0 0 10px;}
.ind_txt_left h2 {
  color: #AA0006;
  font-family: "Century Gothic", Arial, Verdana;
  font-weight: normal;
  font-size: 2.2em;
  margin-bottom: 20px;
}
.ind_txt_left h2 span {
  display: block;
  margin-top: 10px;
  color: #363636;
  font-weight: bold;
  letter-spacing: 12px;
}
.ind_txt_left h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #363636;
  font-weight: normal;
  font-size: 1.6em;
}
.ind_txt_left p {
  margin-bottom: 10px;
}
.ind_txt_left ul {
  list-style-image: url(../images/fondo_menu.gif);
  margin-left: 30px;
}

.row_bot h2 {
  color: #363636;
  font-family: "Century Gothic", Arial, Verdana;
  font-weight: normal;
  font-size: 2.2em;
  margin-bottom: 20px;
}

/* para imágenes con efecto */
.pics { height: 200px; width: 200px; margin: 0 auto; overflow: hidden; }
.pics img { height: 175px; width: 175px; padding: 10px; border: 1px solid #ddd; background-color: #F4F4F6; top:0; left:0 }

/* para galería de imágenes */
.galeria ul {
  list-style: none;
  margin: 0;
}
.galeria li {
  display: inline;
  margin: 4px;
}
.galeria li img {
  width: 110px;
  padding: 5px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}

dt {
  color: #363636;
  font-weight: bold;
  font-family: "Century Gothic", Arial, Verdana;
  font-size: 1.2em;
}
dd {
  border-left: 1px solid #363636;
  padding-left: 10px;
  margin: 8px 0 14px 4px;
}

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

.formulario {
  padding: 8px 16px 8px 0;
  margin-bottom: 10px;
  font-size: 1em;
}
.formulario label {
  color: #666;
	display: block;
	width: 90px;
	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 .boton {
  background: #3D83B3;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 16px;
  border: none;
  cursor: pointer;
}
.formulario .boton:hover, .formulario .boton:focus {
  background: #454545;
  color: #fff;
  border: none;
}
.obligatorio {
  color: #f00;
  font-family: Verdana, Arial;
}

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

.formulario small {
  color: #666;
}

/* mensajes */
.info, .estadook, .estadoko {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-weight: bold;
}
.info {
    color: #02236A;
    background-color: #D3E5F5;
    background-image: url('../images/info.png');
    font-weight: normal;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 20px;
}
.estadook {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/ok.png');
}
.estadoko {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/ko.png');
}

/* para capas */
.ver a {
  background: url(../images/ver.gif) no-repeat right center;
  padding-right: 20px;
  font-weight: bold;
}
.ocultar a {
  background: url(../images/ocultar.gif) no-repeat right center;
  padding-right: 20px;
  font-weight: bold;
}
#mapa1, #mapa2 {display: none;}

/*================== index.html ==================*/
#page1 .content .col_1 ul{ margin:12px 20px 25px 25px; position:relative;}
#page1 .content .col_1 img{ margin-left:17px;}
/**/
#page1 .content .col_2 .ind_box{ padding:22px 41px 0 255px;}
#page1 .content .col_2 .line_b{ margin:41px 0 30px 0;}
#page1 .content .col_2 .img_left{ margin-right:21px; float:left;}
#page1 .content .col_2 .button_wr1{ margin:20px 0 0 50px;}

/**/
#page1 .content .col_3{ padding-top:30px;}
#page1 .content .col_3 .row_bot{ margin:42px 0 0 42px;}
#page1 .content .col_3 .wr_box_top{padding-right:16px;}
#page1 .content .col_3 .wr_box_top .ind_box{ padding:16px 16px 0 16px;}
#page1 .content .col_3 .wr_box_top .txt{ padding:27px 11px 34px 23px;}


/*==================list====================*/
.wr_box_top .t { background:url(../images/m2-t-dr1.gif) repeat-x top #f4f4f6;}
.wr_box_top .b { background:url(../images/m2-b-dr1.gif) repeat-x bottom;}
.wr_box_top .l { background:url(../images/m2-l-dr1.gif) repeat-y left;}
.wr_box_top .r { background:url(../images/m2-r-dr1.gif) repeat-y right;}
.wr_box_top .l_t { background:url(../images/m2-l-t1.gif) no-repeat left top;}
.wr_box_top .r_t { background:url(../images/m2-r-t1.gif) no-repeat right top;}
.wr_box_top .l_b { background:url(../images/m2-l-b1.gif) no-repeat left bottom;}
.wr_box_top .r_b { background:url(../images/m2-r-b1.gif) no-repeat right bottom; width:100%; padding-top: 20px;}


.wr_box .t { background:url(../images/m2-t-dr.gif) repeat-x top #f4f4f6;}
.wr_box .b { background:url(../images/m2-b-dr.gif) repeat-x bottom;}
.wr_box .l { background:url(../images/m2-l-dr.gif) repeat-y left;}
.wr_box .r { background:url(../images/m2-r-dr.gif) repeat-y right;}
.wr_box .l_t { background:url(../images/m2-l-t.gif) no-repeat left top;}
.wr_box .r_t { background:url(../images/m2-r-t.gif) no-repeat right top;}
.wr_box .l_b { background:url(../images/m2-l-b.gif) no-repeat left bottom;}
.wr_box .r_b { background:url(../images/m2-r-b.gif) no-repeat right bottom;}



/*==========================================*/