/* CSS Document */
body {
	background-image: url(img/fond02.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
}

.blank{
	font-size:0px; clear:both; line-height:0px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #333333;	
}

/*--------------------------------header pan---------------------------*/
#atop {
	width: 900px;
	height: 80px;
	margin: auto;
	padding-left: 14px;
}

#btop {
	width: 900px;
/*	height: 176px;*/
	height: 120px;
	margin: auto;
}

.log01 {
	background-image: url(img/top_logo3.jpg);
	width: 235px;
	height: 80px;
	float: left;
}

.log02 {
	background-image: url(img/down_logo3.jpg);
	width: 248px;
/*	height: 176px;*/
	height: 122px;
	float: left;
}

.log03 {
	background-image: url(img/right_logo2.jpg);
	width: 640px;
/*	height: 174px;*/
	height: 120px;
	float: left;
	margin-top: 2px;
}

.log03 span {
display: none;
}

/* BOTONERA TOP */

#solovacio {
display: block;
float: left;
width: 80px;
height: 80px;
text-decoration: none;
padding: 0;
background-image: url(img/botvacio.gif);
background-repeat: no-repeat;
background-color: transparent;
}

#solo01 a {
display: block;
float: left;
width: 80px;
height: 80px;
text-decoration: none;
padding: 0;
background-image: url(img/bot01.gif);
background-repeat: no-repeat;
background-color: transparent;
}

#solo01 a:hover{
background-image: url(img/bot01.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}

#solo01 span.ver {
display: none;	
}
/* */
#solo02 a {
display: block;
float: left;
width: 80px;
height: 80px;
text-decoration: none;
padding: 0;
background-image: url(img/bot02.gif);
background-repeat: no-repeat;
background-color: transparent;
}

#solo02 a:hover{
background-image: url(img/bot02.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}

#solo02 span.ver {
display: none;	
}

/* */
#solo03 a {
display: block;
float: left;
width: 80px;
height: 80px;
text-decoration: none;
padding: 0;
background-image: url(img/bot03.gif);
background-repeat: no-repeat;
background-color: transparent;
}

#solo03 a:hover{
background-image: url(img/bot03.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}

#solo03 span.ver {
display: none;	
}

/* */
#solo04 a {
display: block;
float: left;
width: 80px;
height: 80px;
text-decoration: none;
padding: 0;
background-image: url(img/bot04.gif);
background-repeat: no-repeat;
background-color: transparent;
}

#solo04 a:hover{
background-image: url(img/bot04.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}

#solo04 span.ver {
display: none;	
}

/* */
#solo05 a {
display: block;
float: left;
width: 80px;
height: 80px;
text-decoration: none;
padding: 0;
background-image: url(img/bot05.gif);
background-repeat: no-repeat;
background-color: transparent;
}

#solo05 a:hover{
background-image: url(img/bot05.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}

#solo05 span.ver {
display: none;	
}

/* */
#solo06 a {
display: block;
float: left;
width: 80px;
height: 80px;
text-decoration: none;
padding: 0;
background-image: url(img/bot06.gif);
background-repeat: no-repeat;
background-color: transparent;
}

#solo06 a:hover{
background-image: url(img/bot06.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}

#solo06 span.ver {
display: none;	
}

/* */
#solo07 a {
display: block;
float: left;
width: 80px;
height: 80px;
text-decoration: none;
padding: 0;
background-image: url(img/bot07.gif);
background-repeat: no-repeat;
background-color: transparent;
}

#solo07 a:hover{
background-image: url(img/bot07.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}

#solo07 span.ver {
display: none;	
}

/* */
#solo08 a {
display: block;
float: left;
width: 80px;
height: 80px;
text-decoration: none;
padding: 0;
background-image: url(img/bot08.gif);
background-repeat: no-repeat;
background-color: transparent;
}

#solo08 a:hover{
background-image: url(img/bot08.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}

#solo08 span.ver {
display: none;	
}

/*  */

/*----------------------------------body part----------------*/
#mainBody{
	width:900px; margin:24px auto 0 auto; 
	}

/*-------------------------------right-------*/
#rightPanhome {
	width:900px; 
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
   background-image: url(img/sentados01.jpg);
   background-repeat: no-repeat;
   background-position: 630px 25px;
}



#rightPanagenda {
	width:900px; 
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
   background-image: url(img/sentados02.jpg);
   background-repeat: no-repeat;
   background-position: 630px 25px;
}

#rightgaleria {
	width:900px; 
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
   background-image: url(img/sentados03.jpg);
   background-repeat: no-repeat;
   background-position: 630px 25px;
}

#rightPancursos {
	width:900px; 
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
   background-image: url(img/sentados04.jpg);
   background-repeat: no-repeat;
   background-position: 630px 25px;
}

#rightPanmapa {
	width:900px; 
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
   background-image: url(img/sentados09.jpg);
   background-repeat: no-repeat;
   background-position: 630px 25px;
}

#rightPanservicios {
	width:900px; 
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
   background-image: url(img/sentados05.jpg);
   background-repeat: no-repeat;
   background-position: 630px 25px;
}

#rightPancontactos {
	width:900px; 
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
   background-image: url(img/sentados08.jpg);
   background-repeat: no-repeat;
   background-position: 630px 25px;
}

/* ----------------------------------------- */

.senalhome01 {
background-image: url(img/senala001.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalagaleria02 {
background-image: url(img/senala002.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalagenda03 {
background-image: url(img/senala003.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalcursos04 {
background-image: url(img/senala004.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalservicios05 {
background-image: url(img/senala005.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalpagos06 {
background-image: url(img/senala006.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalcontacto07 {
background-image: url(img/senala007.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalficha08 {
background-image: url(img/senala008.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalespecializa09 {
background-image: url(img/senala009.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalsedes {
background-image: url(img/senala012.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalcapacitaciones010 {
background-image: url(img/senala010.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalalumnos011 {
background-image: url(img/senala011.gif);
background-repeat: no-repeat;
width: 326px;
}

.senalblac {
background-image: url(img/blac00.gif);
background-repeat: no-repeat;
width: 326px;
}

.senal02 {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #7EA800;
width: 500px;
margin-left: 150px;
padding-top: 25px;
background-color: inherit;
}

.senal03 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #666666;
width: 520px;
margin-left: 150px;
padding-bottom: 20px;
border-bottom: thin solid #e1e1e1;
background-color: inherit;
}


.senal05 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #7EA800;
width: 520px;
margin-left: 150px;
background-color: inherit;
}

.senal05 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #7EA800;
background-color: inherit;
}

.senal08 {
border-bottom: 1px solid #cccccc;
height: 15px;
width: 520px;
margin-left: 150px;
}


.senalderecha {
height: 10px;
width: 140px;
float: right;
margin-top: 250px;
}


/*
ul#prac li {
	list-style-image: url(img/2icons.jpg);
	font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #666666;
	width: 400px;
	margin-left: 150px;
	background-color: transparent;
	padding: 0px 0px 0px 5px;
}

ul#prac li a {
	font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #666666;
	background-color: transparent;
	padding: 10px 0px 0px 15px;
}
*/

ul#pr {
	list-style-image: url(img/2icons.jpg);
	font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #666666;
	width: 400px;
	margin-left: 180px;
	background-color: transparent;
	padding: 0px 0px 0px 20px;
}

ul#pr li {
	padding: 0px 0px 0px 10px;
}

ul#pr li a {
	font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #666666;
	background-color: transparent;
	padding: 10px 0px 0px 15px;
}

/*  */

#paratabs {
margin-left: 150px;
	width: 450px;
}
	
.treslinks {
	width: 654px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.doslinks {
	width: 654px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.tabdentro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #333333;	
}

.cont01 {
	width: 500px;
	margin-left: 150px;
	font-size: 14px;
}

.cont01  p {
	width: 500px;
	margin-left: 150px;
	font-size: 14px;
}

/* */
#solo00a a {
display: block;
float: left;
width: 327px;
height: 140px;
text-decoration: none;
padding: 0;
background-image: url(img/alumnos_down.jpg);
background-repeat: no-repeat;
}

#solo00a span.ver {
display: none;	
}

/* */
#solo00b a {
display: block;
float: left;
width: 327px;
height: 140px;
text-decoration: none;
padding: 0;
background-image: url(img/afotos_down.jpg);
background-repeat: no-repeat;
clear: right;
}

#solo00b span.ver {
display: none;	
}




/* */
#solo003 a {
display: block;
float: left;
width: 218px;
height: 190px;
text-decoration: none;
padding: 0;
background-image: url(img/agenda_down.jpg);
background-repeat: no-repeat;
}

#solo003 span.ver {
display: none;	
}

/* */
#solo006 a {
display: block;
float: left;
width: 218px;
height: 190px;
text-decoration: none;
padding: 0;
background-image: url(img/ainscripcion_down.jpg);
background-repeat: no-repeat;
}

#solo006 span.ver {
display: none;	
}

/* */
#solo008 a {
display: block;
float: left;
width: 218px;
height: 190px;
text-decoration: none;
padding: 0;
background-image: url(img/acontacto_down.jpg);
background-repeat: no-repeat;
}

#solo008 span.ver {
display: none;	
}
	
/*-------------------------------footer---------*/
#footerMain {
	background: url(img/fond002.jpg) repeat-x 0 0; width:100%; margin-top:0px;
	}	
#footer {
	height:200px; width: 900px; margin:0 auto 0 auto; padding:20px 0 0 0;
	background-image: url(img/logo-bajo.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}


#footer p.copa {
	display:block; 
	font-family: Arial, Helvetica, sans-serif;
   font-size: 12px; 
	color:#EAEAEA; 
	margin:20px 0 0 0;
	padding:0; 
	float: right;
	clear: right;
	text-align: right;
	background-color: inherit; 
}
	
#footer p.copy {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
	color:#EAEAEA; 
	margin:0;
	padding:0;  
	float: right; 
	clear: right;	
	background-color: inherit; 
}
#footer p.copy a {
	text-decoration: underline; 
	color: #EAEAEA;	
	background-color: inherit; 
}
#footer p.copy a:hover {
	text-decoration: none
}

/* */

#footer p.linky {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#FFFFFF; 
padding:0;
clear: right; 
text-align: center; 
background-color: inherit; 
}

#footer p.linky a {
text-decoration: none; 
color:#EAEAEA;
background-color: inherit; 
}

#footer p.linky a:hover {
text-decoration: none;
color: #9ACD32;
background-color: inherit; 
}

#mancha {
background-image: url(img/down-back.jpg);
background-position: top right;
background-repeat: no-repeat;
width: 900px;
height: 70px;
margin: auto;
}





body#seccionuno a#uno {
background-image: url(img/boton001.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}
body#secciondos a#dos {
background-image: url(img/boton002.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}
body#secciontres a#tres {
background-image: url(img/boton003.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}
body#seccioncuatro a#cuatro {
background-image: url(img/boton004.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}
body#seccioncinco a#cinco {
background-image: url(img/boton005.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}
body#seccionseis a#seis {
background-image: url(img/boton006.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}
body#seccionsiete a#siete {
background-image: url(img/boton007.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}
body#seccionocho a#ocho {
background-image: url(img/boton008.gif);
background-position: 0px -88px;
background-repeat: no-repeat;
}

/*  */
#formulario {
margin-left: 110px;
width: 350px;
}

fieldset {border:none;}
label {display: block;font-weight:bold;} 
legend {font-size:120%;} 
input, select, textarea, checkbox {border: 1px solid #9ACD32;} 
input:focus, textarea:focus, select:focus {background:#F1F1F1;}  


/*  */

.cssform p{
width: 450px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 130px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
text-align: right;
margin-left: -50px; /*width of left column*/
width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 280px;
margin-left: 5px;
}

.cssform select{
width: 290px;
margin-left: 5px;
}

.cssform textarea{
width: 280px;
height: 150px;
margin-left: 5px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*  */

.meses {
 width: 450px;
 margin-left: 100px;
 margin-bottom: 10px;
}

.td01 {
	background-color: #E8E8E8;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
}

.td02 {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.senalvolver {
	width: 450px;
	margin-left: 180px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.senalvolver a {
color: #7EA800;
}

.senalvolver a:hover {
text-decoration: none;
}

/*  */

.dere {
text-decoration: none; 
color: #6B8E23;
background-color: inherit; 
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
float: right;
}


/* menu */


/*#menu { height:80px; background: transparent; width: 650px; margin-left: 230px;}
#menu ul { list-style:none; margin:0; padding:0 0px;}
#menu li { float: left; }
#menu li a span, #menu li a em { display:none; }
#menu li a { display:block; height:80px; width:80px; background-position:center top; cursor:pointer }
#menu li a:hover span { display: block; position: relative; width:80px; height:80px; left:0px; top:0px; z-index: 1; background-position:center bottom; }
#menu li#home a, #menu li#home a:hover span { background-image: url(img/boton001.gif); }
#menu li#agenda a, #menu li#agenda a:hover span { background-image: url(img/boton002.gif); }
#menu li#capacitaciones a, #menu li#capacitaciones a:hover span { background-image: url(img/boton003.gif); }
#menu li#especializaciones a, #menu li#especializaciones a:hover span { background-image: url(img/boton004.gif); }
#menu li#servicios a, #menu li#servicios a:hover span { background-image: url(img/boton005.gif); }
#menu li#inscripcion a, #menu li#inscripcion a:hover span { background-image: url(img/boton006.gif); }
#menu li#pago a, #menu li#pago a:hover span { background-image: url(img/boton007.gif); }
#menu li#contacto a, #menu li#contacto a:hover span { background-image: url(img/boton008.gif); }*/

#menu { height:80px; background: transparent; width: 650px; margin-left: 230px;}
#menu ul { list-style:none; margin:0; padding:0 0px;}
#menu li { float: left; }
#menu li a span, #menu li a em { display:none; }
#menu li a { display:block; height:80px; width:80px; background-position:center top; cursor:pointer }
#menu li a:hover span { display: block; position: relative; width:80px; height:80px; left:0px; top:0px; z-index: 1; background-position:center bottom; }
#menu li#home a, #menu li#home a:hover span { background-image: url(img/bot012011.gif); }
#menu li#agenda a, #menu li#agenda a:hover span { background-image: url(img/bot022011.gif); }
#menu li#capacitaciones a, #menu li#capacitaciones a:hover span { background-image: url(img/bot032011.gif); }
#menu li#especializaciones a, #menu li#especializaciones a:hover span { background-image: url(img/bot042011.gif); }
#menu li#servicios a, #menu li#servicios a:hover span { background-image: url(img/bot052011.gif); }
#menu li#inscripcion a, #menu li#inscripcion a:hover span { background-image: url(img/bot062011.gif); }
#menu li#pago a, #menu li#pago a:hover span { background-image: url(img/bot072011.gif); }
#menu li#contacto a, #menu li#contacto a:hover span { background-image: url(img/bot082011.gif); }


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 0px solid #333333; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
background-color: #D8F4A6;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #333333;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #6CA10B;
color: #ffffff;
}

.verde {
display: none;	
}

#cont-todo {
width: 520px;
margin-left: 150px;
background-color: inherit;
}

.imgal {
margin: 11px;
}

#counter {
display: none;	
}

/*  imagenes rotando  */



.fade{
	margin-bottom: 2em;
	margin-left: 135px;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 600px;
	background: #fff;
}


/*  */

.cuadlinkb {
margin-left: 500px;
/*float: left;*/
}

.cuadlinkb a {
font-size: 12px;
color: #669900;
padding: 10px 10px 10px 25px;
margin-bottom: 25px;
float: right;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: bold;
text-decoration: none;
border: 1px solid #669900;
background-color: #FFFFFF;
width: 320px;
text-align: left;
}


.cuadlinkb a:hover {
font-size: 12px;
color: #669900;
padding: 10px 10px 10px 25px;
margin-bottom: 25px;
float: right;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: bold;
text-decoration: none;
border: 1px solid #669900; 
background-color: #eeeeee;
width: 320px;
text-align: left; 
}

/*  */