/* CSS Document */

/* IMPORTED STYLES */
@import url("reset.css");
@import url("menu.css");
@import url("cms.css");
@import url("curso.css");
@import url("profesor.css");

/*GLOBAL*/
html{width:100%; height:100%; font:62.5% Helvetica, Arial, sans-serif; color:#A2E4FC;}
body{width:100%; height:100%; min-width:940px; min-height:860px; text-align:center; background:#85d7f7 url(../gui/bg.gif) repeat-x center -84px;}
a, a:visited{text-decoration:none;}

/* MAIN LAYOUT */
#background{width:100%; height:710px; display:block; background:url(../gui/bg_highlights.gif) no-repeat center -18px; position:relative;}
#container{margin:auto; width:999px; min-height:860px; height:auto !important; height:860px; padding-bottom:60px; position:relative; text-align:left;}
#logo{width:251px; height:161px; display:block; text-indent:-9999px; position:absolute; top:194px; left:0px; z-index:5;}
#logo a{width:251px; height:161px; display:block; background-image:url(../gui/logo.gif); background-repeat:no-repeat; background-position:-251px 0px;}
#logo a:hover{border:none;}
#tagline{width:195px; height:23px; display:block; background:url(../gui/tagline.gif) no-repeat; text-indent:-9999px; position:absolute; top:375px; left:18px;}
#menu{width:247px; height:239px; display:block; position:absolute; top:248px; left:259px; z-index:10;}

#bubble{width:0px; height:145px; display:block; text-indent:-9999px; position:absolute; top:94px; left:126px; background:url(../gui/bubble_home.gif) no-repeat;}
#quienes #bubble{width:0px; height:120px; display:block; background:url(../gui/bubble_quienes.gif) no-repeat; top:119px;}
#profesores #bubble{width:0px; height:120px; display:block; background:url(../gui/bubble_profesores.gif) no-repeat; top:119px;}
#diferentes #bubble{width:0px; height:120px; display:block; background:url(../gui/bubble_diferentes.gif) no-repeat; top:119px;}

#cursos #bubble{width:0px; height:120px; display:block; background:url(../gui/bubble_cursos.gif) no-repeat; top:119px;}
#metodologia #bubble{width:0px; height:120px; display:block; background:url(../gui/bubble_metodologia.gif) no-repeat; top:119px;}
#galeria #bubble{width:0px; height:120px; display:block; background:url(../gui/bubble_galeria.gif) no-repeat; top:119px;}
#cosas #bubble{width:0px; height:120px; display:block; background:url(../gui/bubble_cosas.gif) no-repeat; top:119px;}

#contact #bubble{width:0px; height:120px; display:block; background:url(../gui/bubble_contact.gif) no-repeat; top:119px;}

#portfolio{
	display:block;
	padding:248px 0px 0px 515px;
	width:482px;
	height:428px;
	position:relative;
	background:url(../gui/frame_work.gif) no-repeat 515px 248px;
	overflow:hidden;
}
#portfolio #imgs_cursos{
	position:relative;
	top:14px;
	left:14px;
	overflow:hidden;
	height:346px;
	width:456px;
	width:460px;
}
#portfolio #imgs_cursos a{
	display:block;
	overflow:hidden;
	margin:0px;
	padding:0px;
	width:146px;
	height:110px;
	float:left;
	margin:2px;
	margin-bottom:3px;
	margin-right:4px;
}
#portfolio #imgs_cursos img{
	width:146px;
	height:110px;
	padding:0px;
}
#portfolio #imgs_cursos a:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
}

#portfolio_transparent{
	display:block;
	padding:248px 0px 0px 515px;
	width:482px;
	height:428px;
	position:relative;
	background:url(../gui/frame_work_transparent.gif) no-repeat 515px 248px;
	overflow:hidden;
	z-index:5;
}
#portfolio_transparent #imgs_galeria{
	position:relative;
	top:13px;
	left:13px;
	overflow:hidden;
	height:347px;
	width:460px;
}
#nav{
	position:relative;
	top:16px;
	left:14px;
	overflow:hidden;
	height:53px;
	width:455px;
	padding-top:14px;
}
#nav #menos{
	background:url(../gui/menos.gif);
	width:25px; height:25px;
	display:block;
	position:relative;
	top:0px;
	left:13px;
	float:left;
}
#nav #texto{
	display:block;
	position:absolute;
	top:16px;
	left:38px;
	float:right;
	color:#07649d;
	font-size:18px;
	text-align:center;
	width:380px;
}
#nav #texto a, #nav #texto a:visited{
	color:#07649d;
}
#nav #texto a:hover{
	color:#FFCC00
}
#nav #mas{
	background:url(../gui/mas.gif);
	width:25px; height:25px;
	display:block;
	position:absolute;
	top:14px;
	right:13px;
	float:right;
}

#cursos_menu{width:487px; height:63px; display:block; position:absolute; top:690px; left:0px; text-indent:-9999px;}
#quienes_menu{width:487px; height:63px; display:block; position:absolute; top:690px; left:0px; text-indent:-9999px;}
#anchor{width:93px; height:115px; position:absolute; top:610px; left:426px; background:url(../gui/anchor.gif) no-repeat;}

#frame{display:block; padding:248px 0px 0px 515px; width:482px; position:relative;}
#frame_top{width:482px; height:38px; background:url(../gui/frame_top.gif) no-repeat;}
#frame_bottom{width:482px; height:38px; background:url(../gui/frame_bottom.gif) no-repeat; margin-top:-8px;}
#home #frame{display:block; padding:0px 0px 0px 0px; width:484px; height:297px; position:absolute; left:515px; top:248px; background:url(../gui/frame_home.gif) no-repeat; z-index:5;}
#content{
	width:402px;
	padding:0px 40px 0px 40px;
	min-height:370px;
	height:auto !important;
	height:370px;
	background:url(../gui/bg_frame.gif) repeat-y;
	font-size:14px;
	line-height:100%;
	padding-bottom:10px;
}
/* for Internet Explorer */
/*\*/
* html #content{
	height: 370px;
}
/**/
#content p{display:block; padding:0px 0px 10px 0px; text-align:justify;}
#content .naranja{
color: #FFFFFF;
background:#F16422;
padding-left:5px;
padding-right:5px;
}
#content .asterisco{
	background:url(../gui/asterisco.gif) no-repeat;
	text-indent:20px;
}
#phone{float:left; padding:12px 30px 0px 0px; text-indent:10px; margin-left:-10px !important; margin-left:-5px;}
#phone_text{display:block; width:132px; height:35px; text-indent:-9999px; background:url(../gui/phone.gif) no-repeat;}
#email{float:left; padding-top:12px; text-indent:10px;}
a#email_text{display:block; width:208px; height:35px; text-indent:-9999px; background:url(../gui/email.gif) no-repeat;}
a#email_text:hover{background:url(../gui/email.gif) no-repeat 0px -35px;}

#slideshow{display:block; width:458px; height:272px; position:absolute; left:528px; top:261px; background-color:#0390d3; overflow:hidden;}
#slideshow img{position:absolute; top:0; left:0; z-index:2; opacity:0.0}
#slideshow img.active{z-index:4; opacity:1.0;}
#slideshow img.last-active{z-index:3;}

#home a#sticker{width:334px; height:164px; display:block; background:url(../gui/sticker_home.gif) no-repeat; text-indent:-9999px; position:absolute; top:507px; right:6px; z-index:6;}
#home a#sticker:hover{background:url(../gui/sticker_home.gif) no-repeat -334px 0px;}
#contact a#sticker{width:317px; height:172px; display:block; background:url(../gui/sticker_contact.gif) no-repeat; text-indent:-9999px; position:relative; margin:-58px 0px 0px 100px;}
#contact a#sticker:hover{background:url(../gui/sticker_contact.gif) no-repeat -317px 0px;}

#copyright{position:absolute; top:506px; left:280px; color:#e3f6fd; font-size:1.5em; line-height:1.7em;}
#copyright a{display:block; text-indent:-9999px; width:100px; height:24px; position:absolute; bottom:0px; right:1px; background:url(../gui/link.gif);}
#copyright a:hover{border-bottom:1px dashed #e3f6fd;}

#contactData{
	display:block;
	height:150px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #53bae8;
}
.contacterror{
	margin-bottom:10px;
	padding:5px;
	border-bottom:solid 1px #53bae8;
}
.contactErrorLine{
	background:url(../gui/alert.gif) no-repeat;
	display:block;
	color:#FFFFFF;
	padding-left:25px;
}
#contactform{
	padding:10px;
	/*
	border:#036ead solid 1px;
	border-bottom:#53bae8 solid 1px;
	border-right:#53bae8 solid 1px;
	background:#047cba;
	*/
	background:#0386c8;
	margin-bottom:20px;
}

#contactform input, #contactform textarea, #subsform input, #subsform textarea{
	background:#36b4e9;
	border:1px #037cbc solid;
	color:#FFFFFF;
	padding: 0;
}
#contactform textarea{
	overflow:hidden;
	width:374px;
}

#contactform .boton, #subsform .boton{
	background:none;
	border:none;
}

.contactLabel{
	display:block;
	float:left;
	width:150px;
}
.contactLine{
	display:block;
}
.contactLine input{
	width:225px;
}

#subsform{
	padding:10px;
	background:#0386c8;
	margin-bottom:20px;
}


#big_contenedor{
	width:738px;
	display:block;
	position:absolute;
	top:248px;
	left:259px;
	z-index:5;
}
#big_frame_top{
	width:738px;
	height:33px;
	background:url(../gui/big_content_top.gif) no-repeat;
}
#big_frame_bottom{
	width:738px;
	height:33px;
	background:url(../gui/big_content_bottom.gif) no-repeat;
	margin-top:-8px;
}
#big_content{
	width:658px;
	display:block;
	padding:20px 40px 20px 40px;
	background:url(../gui/big_content.gif) repeat-y;
	height:auto !important;
	font-size:1.5em; line-height:1.7em;
}
#big_content img{
	margin:5px;
}
#bajocontent{
	padding:20px;
	color:#FFFFFF;
	font-size:13px;
}


#galeriaSlide{
	width:456px;
	height:347px;
	display:block;
	overflow:hidden;
	position:absolute;
	left:528px;
	top:261px;
}
#galeriaSlide img{
	position:absolute; top:0; left:0; z-index:2; opacity:0.0;
	width:456px;
	height:347px;
	padding:0px;
}
#galeriaSlide img.active{z-index:4; opacity:1.0;}
#galeriaSlide img.last-active{z-index:3;}
/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}