@charset "utf-8";
/* CSS Document */

body {
background:url(../images/body_back.gif) repeat-x; margin:0; padding:0;
}
.body_int {
background: #FFFFFF url(../images/body_back_int.gif) repeat-x; margin:0; padding:0;
}

img { border:0;}
ul { margin:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0;}
li { margin:0 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0;}

#content { width:960px; height:auto; margin: 0 auto;}

#top {width:960px; height:24px; font-family:Arial, Helvetica, sans-serif; padding-top:5px; text-align:right; }

#top a {color: #a1cad1; text-decoration:none; font-size:11px; margin-right:15px; }
#top a:hover {color: #a1cad1; text-decoration:underline; }

#topDesp {width:960px; height:50px; font-family:Arial, Helvetica, sans-serif; padding-top:5px; text-align:right; clear:both;
overflow:hidden;
position: relative; }



#header {width:960px; height:139px;}
#header .logo {width:300px; height:139px; float:left; background:url(../images/logo.gif) no-repeat; }

#header .menu {width:617px; height:54px; float:left; 
margin: 80px 0 0 0;
.margin: 90px 0 0 0;
}
#header .invisible {
	visibility:hidden;
}

#header ul#menu {
	padding:0;
	float:right;
	list-style-type:none;
	width:617px;
}
 /* menu home */
#header #menu li {
	margin:0;
	padding:0;
	float:left;
	height:27px;
	line-height:27px;
}
#header #menu li a {
	text-decoration:none;
}
#header #menu li.home a {
	margin:0;
	width:73px;
	height:27px;
	background:url(../images/menu_01.gif) no-repeat;
	display:block;
}
#header #menu li.home a:hover {
	background:url(../images/menu_01.gif) 0 -27px no-repeat;
}
#header #menu li.home_press {	
	margin:0;
	width:73px;
	height:27px;
	background:url(../images/menu_01.gif) 0 -27px no-repeat;
}

#header #menu li.curso a {
	margin:0;
	margin:0 0px 0 0;
	width:82px;
	height:27px;
	background:url(../images/menu_02.gif)  no-repeat;
	display:block;
}
#header #menu li.curso a:hover {
	background:url(../images/menu_02.gif) 0 -27px no-repeat;
}

#header #menu li.curso_press {
	margin:0;
	margin:0 0px 0 0;
	width:82px;
	height:27px;
	background:url(../images/menu_02.gif) 0 -27px no-repeat;
	display:block;
}

#header #menu li.alumnos a {
	margin:0;
	width:93px;
	height:27px;
	background:url(../images/menu_03.gif)  no-repeat;
	display:block;
}
#header #menu li.alumnos a:hover {
	background:url(../images/menu_03.gif) 0 -27px no-repeat;
}

#header #menu li.alumnos_press {
	margin:0;
	width:93px;
	height:27px;
	background:url(../images/menu_03.gif) 0 -27px no-repeat;
	display:block;
}

#header #menu li.novedades a {
	margin:0;
	margin:0 0px 0 0;
	width:117px;
	height:27px;
	background:url(../images/menu_04.gif)  no-repeat;
	display:block;
}
#header #menu li.novedades a:hover {
	background:url(../images/menu_04.gif) 0 -27px no-repeat;
}

#header #menu li.novedades_press {
	margin:0;
	width:117px;
	height:27px;
	background:url(../images/menu_04.gif) 0 -27px no-repeat;
	display:block;
}


#header #menu li.institucional a {
	margin:0;
	margin:0 0px 0 0;
	width:131px;
	height:27px;
	background:url(../images/menu_05.gif)  no-repeat;
	display:block;
}
#header #menu li.institucional a:hover {
	background:url(../images/menu_05.gif) 0 -27px no-repeat;
}

#header #menu li.institucional_press {
	margin:0;
	width:131px;
	height:27px;
	background:url(../images/menu_05.gif) 0 -27px no-repeat;
	display:block;
}

#header #menu li.contacto a {
	margin:0;
	margin:0 0px 0 0;
	width:99px;
	height:27px;
	background:url(../images/menu_06.gif)  no-repeat;
	display:block;
}
#header #menu li.contacto a:hover {
	background:url(../images/menu_06.gif) 0 -27px no-repeat;
}

#header #menu li.contacto_press {
	margin:0;
	width:99px;
	height:27px;
	background:url(../images/menu_06.gif) 0 -27px no-repeat;
	display:block;
}

 /* end menu home */
 
 /* Start Main */
 
#main { width:960px; height:255px; clear:both; overflow:hidden;}
#main .invisible {
	visibility:hidden;
}
#main p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003366; margin: 0 0 3px 0;}
#main  h2{ font-size:16px; color:#000033; font-weight:700; margin: 3px 0 5px 0px; font-family:Arial, Helvetica, sans-serif;}
 
#main .Col { width:460px; height:255px; float:left; padding: 0 10px;} 
#main .Col2 { width:460px; height:255px; float:left; padding: 0 10px; text-align:right;}

 
#main .curDist { width:345px; height:85px; background:url(../images/cursos_distancia.png) no-repeat; margin-top: 10px; }
#main .curPres { width:345px; height:85px; background:url(../images/cursos_presenciales.png) no-repeat; margin-top: 10px; text-align:right; float:right;}

#main .text { width:420px; height:auto; margin: 10px 10px;text-align:justify;}
#main .text2 { width:420px; height:auto; margin: 10px 10px; float:right; clear:both; overflow:hidden; text-align:justify;}
#main .contBut { width:218px; height:30px; margin: 10px 10px;}
#main .contBut2 { width:218px; height:30px; margin: 10px 10px; float:right; clear:both; overflow:hidden;}

#main .btn { width:100px; height:26px; float:left; margin-left:5px;}

/* end Main */

/* start page */

#pageLeft { width:660px; height: auto; 
margin-top:15px;
.margin-top:10px;
float:left;
margin-bottom:15px;
}
#pageLeft h2 {
	font-size:22px;
	color: #2a7dba;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #333333 dotted;
	font-weight:700;
}
#pageLeft h2 a {
	font-size:22px;
	color: #2a7dba;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #333333 dotted;
	font-weight:700;
}
#pageLeft h2 a:hover {
	font-size:22px;
	color: #009999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #333333 dotted;
		font-weight:700;
}
#pageLeft a {
	font-size:11px;
	color: #ff6600;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #333333 dotted;
}

#pageLeft a:hover {
	font-size:11px;
	color: #009999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #006699 dotted;
}

#pageLeft .titleDemanda { width:597px; height:32px;}
#pageLeft .pCol { width:630px; height:auto; padding: 0 15px; /*border-bottom: 1px #003366 dotted;*/ }
#pageLeft p { font-size:11px; color: #333333; font-family:Arial, Helvetica, sans-serif; margin: 0 0 10px 0px;}
#pageLeft .img { float: left; margin: 0 10px 0 0; }
#pageLeft .image { float: left; margin: 0 10px 0 0; }
#pageLeft .textPage { width:630px; height:auto; margin: 5px 5px; text-align:justify;}

            #faq { width:630px; height:auto;}
			
            .accordion dt { /* activated */
            	text-decoration: underline;
            	cursor: pointer;
            }
        
            dt, dd {
                margin: 0;font-size:11px; color: #333333; font-family:Arial, Helvetica, sans-serif;
            }
            dt {
                font-weight: bold;font-size:11px; color: #333333; font-family:Arial, Helvetica, sans-serif; width:632px; height:31px; margin: 5px 0;
            }
            dd {
                 font-size:11px; color: #333333; font-family:Arial, Helvetica, sans-serif;
            }



/* end leftCol */

/* start right */
#pageRight { width:300px;
.width:285px;
height:auto;
margin-top:15px;
.margin-top:10px;
float:left;
}

#pageRight a {
	font-size:11px;
	color: #ff6600;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #333333 dotted;
}

#pageRight a:hover {
	font-size:11px;
	color: #009999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #006699 dotted;
}

#pageRight p { font-size:11px; color: #333333; font-family:Arial, Helvetica, sans-serif; margin: 0 0 10px 0px;}
#pageRight .banner01 { width:200px; height:159px;  background:url(../images/right_cursos_distancia.gif)  no-repeat; margin: 0 auto;}
#pageRight .textRight { width:200px; height:auto; margin: 0 auto; text-align:justify;}
#pageRight h2 {
	font-size:22px;
	color: #2a7dba;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #333333 dotted;
	font-weight:700;
}
#pageRight h2 a {
	font-size:22px;
	color: #2a7dba;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #333333 dotted;
	font-weight:700;
}
#pageRight h2 a:hover {
	font-size:22px;
	color: #009999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #333333 dotted;
		font-weight:700;
}



#footer {
width:100%;
height:145px;
background:url(../images/footer.gif) repeat-x;
margin: 0 auto;
clear:both;
overflow:hidden;
}

#footer .contentFooter {
width:900px;
height:117px;
margin: 0 auto;

}
#footer .contentFooter2 {
width:940px;
height:28px;
margin: 0 auto;

}
#footer .bannerFoo01 {
width:271px;
height:72px;
float:left;
margin: 25px 25px 0 0;
}
#footer p {
	font-size:11px;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin: 5px 0 0 0;
}
#footer a {
	font-size:11px;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #333333 dotted;
}

#footer a:hover {
	font-size:11px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom: 1px #006699 dotted;
}


/* Image replacement */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

.replace
	{
	outline: none;
	display: block; 
	position:relative; 
	/*\*/ 
	overflow:hidden;
	 /**/
	} 

.replace span
	{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; 
	}


#client_area
	{
	position: absolute;
	top: 0px;
	right: 0px;
	}
	
#client_area .replace, #client_area .replace span
	{
	width: 1010px;
	height: 28px;
	background-image: url("../images/back_menu_toogle.gif");
	background-position: 0 -28px;
	}

#client_area.client_down .replace, #client_area.client_down .replace span
	{
	background-position: 0 0px;
	}
	
	
	/* clases generales */
	
	fieldset {
	border: 1px solid #ccc;
}

textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #ccc; 
	background: #fff; 
	color: #444;
}

textarea.text:hover { 
	border: 1px solid #bbb; 
	background: #FFFFF4; 
	color: #000;
}

input.field { 
	border: 1px solid #ccc; 
	background-color: #fff; 
	width: 200px; 
	color: #444;
}

input.field:hover { 
	border: 1px solid #bbb; 
	background: #fff; 
	color: #444;
}

input.button {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	background: #f4f4f4; 
	color: #555;
	border: 1px Solid #ccc;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #666;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #666;
}

.error {
	color: #b40000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #b40000;
	background: inherit;
	font-weight: normal;
	letter-spacing: -1px;
}

	/*-------[main area forms]-------*/

#contenedorForm {
	margin: 5px;
	padding: 0px;
	font-family: Tahoma, Verdana, Tahoma, Arial;
	font-size: 12px;
	text-align: left;
	color: #333333;
}
#contenedorForm .clearfix {
	margin: 0px 0px 3px 0px;
	border-top: #CCCCCC dashed 1px;
}
#contenedorForm label {
	margin: 5px 0px 1px 15px;
	width: 140px;
	float: left;
}
#contenedorForm input, textarea, select {
	margin: 5px 0px 1px 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Tahoma, Arial;
	font-size: 12px;
	text-align: left;
	color: #333333;
    border: 1px solid #ccc;
}

#contenedorForm select:focus {
        border: 1px solid #FF0000;
		
}#contenedorForm textarea:focus {
        border: 1px solid #FF0000;
}