@import url(reset.css);
@import url(text.css);
@import url(960.css);

/* General */
html, body{
	height:100%;
}

body{
	background:#FFF/* url(../img/12_col.gif) center center repeat-y*/;
}

a{
	color:#3E3E3E;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

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

#header{
	background:url(../img/header_bg1.png) repeat-x center top;
	text-align:center;
	height:240px;
	min-width:1040px;
}

#head_show{
	margin:0 auto;
	text-align:center;
	background:url(../img/header_show.png) no-repeat center top;
	height:240px;
	width:1000px;
	position:relative;
}

#head_show{
	margin:0 auto;
	text-align:center;
	background:url(../img/header_show.png) no-repeat center top;
	height:240px;
	width:1000px;
	position:relative;
}

#head_show img{
	position:absolute;
	top:-11px;
	right:-20px;
}



/*===============
navigation
===============*/
#nav_main{
	list-style:none;
	margin:0;
	padding:10px;
}

#nav_main li{
	float:left;
	width:139px;
	border-right:1px solid #C2C2C2;
	margin:0;
	padding:0 10px;
	text-align:center;
	font-size:16px;
	position:relative;
}

#nav_main li a{
	color:#989696;
	text-decoration:none;
	display:block;
}

#nav_main li.first{
	padding-left:0;
}

#nav_main li.last{
	padding-right:0;
	border-right:0;
}

#nav_sub_main{
	list-style:none;
	margin:0;
	padding:5px 10px;
}

#nav_sub_main li{
	float:left;
	width:140px;
	margin:0;
	padding:0 10px;
	text-align:center;
	font-size:14px;
}

#nav_sub_main li a{
	color:#afcae5;
	text-decoration:none;
	display:block;
}

#nav_sub_main li.first{
	padding-left:0;
}

#nav_sub_main li.last{
	padding-right:0;
}

#nav_sub_main.submenu_2line{
	line-height:14px;
	padding-top:2px;
}

.border-1{
	border-bottom:1px solid #C2C2C2;
	height:40px;
	min-width:1040px;
}

.border-2{
	border-bottom:2px solid #C2C2C2;
	height:35px;
	min-width:1040px;
}

/*selector - indica la pagina actual*/

#nav_main li.selected a, #nav_main li:hover a{
	color:#000;
}

#nav_main li.selected .selector, #nav_main li:hover .selector{
	width:140px;
	height:6px;
	overflow:hidden;
	background-color:#4684c2;
	position:absolute;
	left:10px;
	bottom:-6px;
}

/*IE6 Hack*/ * html #nav_main li.selected .selector{
	left:10px;
	bottom:-10px;
}


#nav_main li.first.selected .selector, #nav_main li.first:hover .selector{
	left:0;
}

#nav_sub_main li.selected a, #nav_sub_main li:hover a{
	color:#4684c2;
}


/*===============
left_col
===============*/
#left_col{
	padding:20px 0;
}

/*===============
right_col
===============*/
#right_col{
	padding:100px 0 20px 0;
}


/*===============
cuerpo de texto
===============*/

/*título sin margin inferior, para listados*/
.tit_listado{
	margin-bottom:0;
}

/*listados*/
.listado_right, .listado_left{
	width:46%;
	float:left;
	display:inline;
	color:#4684C2;
}

.listado_right{
	padding-left:4%;
}
.listado_left{
padding-right:4%;
}

.listado_right ul, .listado_left ul{
	color:#3E3E3E;
}


/*esquemas*/
.esquema{
	border:4px solid #989696;
}
.esquema:hover{
	border:4px solid #C2C7CB;
}

/*tipografías y colores*/
.subtitulo{
	font-size:24px;
	color:#3e3e3e;
	margin-bottom:0px;
}

.subtitulo2{
	font-size:16px;
	color:#4684c2;
	margin-bottom:5px;
}

.mk1{
	text-align:center;
	margin-bottom:20px;
}

.mk2{
	border-collapse:collapse;
	text-align:right;
}

.fancybox{
	position:relative;
}

.lupa{
	position:absolute;
	bottom:10px;
	right:40px;
	visibility:hidden;
}

.fancybox:hover .lupa{
	visibility:visible;
}

/*curriculum*/
.curriculum_foto{
	float:left;
	display:inline;
	padding-top:11px;
}

.curriculum_foto img{
	border: 1px solid #ccc;
}

.curriculum{
	float:left;
	width:498px;
	margin-left:20px;
	display:inline;
}

.banner{
	display:block;
	margin-bottom:20px;
}




/*===============
footer
===============*/

#footer_top{
	clear:both;
	height:30px;
	background:url(../img/hierbabot.jpg) repeat-x left bottom;
	min-width:1040px;
}


#footer{
	clear:both;
	height:102px;
	color:#FFF;
	background:url(../img/footer_bg.png) repeat-x left -2px;
	min-width:1040px;
}

#footer a{
	color:#FFF;
}

#footer_in{
	height:102px;
	background:url(../img/logo_footer.png) no-repeat 10px center;
}

#footer_in p{
	margin:0;
	padding:20px 0 0 90px;
	height:82px;
	background:url(../img/bombifooter.gif) no-repeat right center;
}


/*===============
forms
===============*/

.wufoo li{
	width:62%;
}
form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form li{
	display:block;
	margin:0;
	padding:6px 5px 9px 9px;
	clear:both;
}
form li:after, form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span{
	margin:0 .3em 0 0;
	padding:0;
	color:#444;
}
form li span{
	float:left;
}

.center, 
form li span.center input.text, form li span.center label,
form li.name input.text, form li.name span label,
form li.date input.text, form li.date span label, 
form li.phone input.text, form li.phone span label,
form li.time input.text, form li.time span label{
	text-align:center;
}
form li.time select.select{
	margin-left:5px;
}

form li div.col span{
	display:block;
	width:100%;
	float:left;
	padding:0;
}

form li div span.left, form li div span.right{
	margin:0;
	width:47%;
}
form li div span.full input, 
form li div span.full select, 
form li div span.left input, 
form li div span.right input,
form li div span.left select,
form li div span.right select{
	width:100%;
}

.left{
	float:left;
}
.right{
	float:right;
}


/* ----- LABELS ----- */

form li div label, form li span label{
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:10px;
	line-height:10px;
	color:#444;
	display:block;
}
form li div span label{
	padding-bottom:12px;
}

/* ----- FIELDS ----- */

input.text, input.file, textarea.textarea, select.select{
	margin:0;
	font-size:100%;
	color:#333;
}
input.text, input.file, textarea.textarea, .firefox select.select{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(/images/fieldbg.gif) repeat-x top;
}
body:nth-of-type(1) input.file{ /* Webkit */
	border:none;
	background:none;
}
input.text, input.file{
	padding:2px 0 2px 0;
}
input.file{
	margin-bottom:10px;
}
input.checkbox, input.radio{
	display:block;
	line-height:1.5em;
	margin:.6em 0 0 3px;
	width:13px;
	height:13px;
}
input.other{
	margin:0 0 8px 25px;
}

/* ----- BUTTONS ----- */

input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
.buttons{
	clear:both;
	margin-top:10px;
}
.buttons input{
	font-size:120%;
	margin-right: 5px;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}

textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}



/*===============
fancybox
===============*/
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../img/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../img/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../img/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../img/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../img/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../img/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../img/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../img/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../img/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../img/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancy_title_right.png) repeat-x;
}

/*===============
tooltip
===============*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 20px 0 0 0;
	opacity: 0.85;
}

#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3{
	display:inline;
	font-size:12px;
	font-weight:normal;
}


#tooltip.fancy {
	border: none;
	width: 250px;
	height: 135px;
	opacity: 1;
	background: url('../img/shadow.png') no-repeat left top;
	padding-top:60px;
	font-size:12px;
}

#tooltip #tooltip_bot{
	background: url('../img/shadow_bot.png') no-repeat left bottom;
	padding:0 20px 20px 20px;
	width:210px;
	min-height:100px;
}

#tooltip.fancy div { width:100%; text-align:left;}

/*
#tooltip.fancy.viewport-right {
	background: url('../img/shadow-reverse.png') no-repeat right top;
}

#tooltip.fancy.viewport-right #tooltip_bot{
	background: url('../img/shadow_bot-reverse.png') no-repeat right bottom;
}
*/