/* CSS Document */

body{
	font-size: 76%; color: #64635f; margin: 0; font-family:  Verdana, Helvetica, sans-serif;
	background:#8F8980;
}

h1{
	font-size: 2em; 
	color: #64635f; 
	margin: 0;
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
}

h2{
	font-size: 1.7em;
	color: #64635f;
	margin: 0;
	font-family:  "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight: bold;
}
#titulo {
}
#contenido_formacion {
}


h3{
	font-size: 1.1em; 
	color: #FF9900; 
	margin: 1.2em 0;
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	text-indent:20px;
}

h4{
	font-size: 1.1em; 
	color: #333333; 
	margin: 0;
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:bold;
}

h5{
	font-size: 1.1em; 
	color: #333333; 
	margin: 0;
	padding-left:1em;
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:bold;
}

h6{
	font-size: 1.2em; 
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	color: #FF9900; 
	font-weight:bold; 
	list-style-type:disc;
	text-indent:20px;
	
}

a{
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
}
a:visited{
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
}

a:hover{
color:#ff9900;
	font-weight:bold;
}
a:active{
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
}


a img {
border:none;


}
p{
	font-size: 1.1em; 
	text-align:left;

	color: #64635f; 
	margin:1em 1.8em 1em 0 ;

	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	
	
}
i {
	font-size:0.8em;
	text-indent:20px;
}
b {
	font-size: 1em; 
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	color: #FF9900;
	font-weight:bold;
}
dl{
	font-size: 1.2em; 
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	color: #333333; 
	font-weight:bold;
}
dt{
	font-size: 1.1em; 
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	color: #666666; 
	font-weight:bold; 
	margin:1em 0px;
}
dd{
	font-size: 1em; 
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	color: #FF9900; 
	font-weight:bold; 
	list-style-type:disc;
	text-indent:20px;
	
}
address{
	font-size: 1.1em; 
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	color: #666666; 
	font-weight:normal;
	margin-left:1.7em;
	margin-top:3em;



}
.frase{
	font-size: 0.8em; 
	text-align:left;
	color: #64635f; 
	
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;

}
hr{
margin:0 1.1em 0 0;
}
.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .img { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

#pagina{
	width: 80%; margin: 0 auto; background-color: #FFFFFF; padding: 0 0 25px;	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border-top: 20px solid #f3f3f3; 
}
#header{
	
	width:100%;
	margin:0;
	padding:0;
	
	float:left;
	clear:both;
	
}

#logo_innovalia{

		float:left;
		width:100%;
		height: 68px;
		background-color:#ffffff;
		margin:0 0 2em 0;
		padding:0;
	
		
}



/*   ------------  MENU --------------   */

#menu{

	width:100%;
	background-color:#66FF33;
	text-align: center;
	margin:0;
	padding:0;
	margin-top:1em;
	font-size: 1.1em; 
	font-weight:bold;
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	background-color:#ffffff;

}

#home #menu ul li a.home, #cmm #menu ul li a.cmm, #ipmm #menu ul li a.ipmm, #service #menu ul li a.service, #success #menu ul li a.success, #accesories #menu ul li a.accesories
{
	color:#FF9900; 
	text-decoration:underline;
}

#menu  ul li {
display:inline;
padding:0;
margin:0;

	
}
#menu ul li a {
	
	color:#666666;
	text-decoration:none;

}
#menu ul li a:hover {
	
	color:#FF9900; 
	text-decoration:underline;
}
#menu li a:visited{
	
	color:#666666; 
	text-decoration:none;
}
#menu ul {
margin:0;
color:#000;
}
#idioma{
text-align:right;
padding: 1em 2em;
background-color:#FFFFFF;




}
#idioma a{
font-size:.8em;
color:#666666;
}
#idioma a:link{
font-size:.8em;
color:#666666;
}
#idioma a:hover{
font-size:.8em;
color:#FF9900;
}
/* ----------------    CONTENT  ---------------*/

#content{
	float:left;
	width:100%;
	background: #ffffff;
	
	padding: 0; 
	margin:0;
	padding-top:2em;
	padding-bottom:3em;
}
#content_nopic{
	float:left;
	width:100%;
	background: #ffffff;
	padding: 0; 
	margin:0;
}
	
#pictures{
	float:left;
	display: inline;
	width:29.9%;
}
#texto_home{
		padding:0 4em;
}
#texto{
	float:left;
	
	width:70%;
	padding-right:0;
}
#left_content{
	float:left;
	width:25%;
	margin:0;
	padding:0;

	text-align:left;
	
}
#left_content p{
	
	
}


	
#footer{
	width:100%;
	float:left; 
	background:#FFFFFF;
	height:30%;
	padding:0; 

	text-align:center;
	
	margin-bottom:2em;
	font-size: .85em; 
	line-height: 1.3em; 
	
	border-top: 2px solid #dddddd;
	
	
	
	
}
#footer p{
margin-top:2em;
	text-align:center;
}

 .logos
{
float: left;
width: 24.9%;
border: none;
padding: 0 ;
margin:0;


}
 img.logos
{


border: none;
padding: 0  ;
margin:0;


}
#banner_formacion{
text-align:center;



}
#banner_metromeet{
text-align:center;



}
#banner_formacion p{
font-size:2em;
color:#64635f;
font-weight:bold;
line-height:2em;


}
.imagen_principal{
float:left;
clear:both;
margin:0;
margin-right:5%;

padding:0;

}
.imagen{
float:left;
clear:both;
margin:0;

padding:0;
margin-right:5%;
margin-top:5%;


}


 .reclamo h1{
		font-size: 1.4em; 
	color: #FF9900; 
	margin: 0;
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	margin:1.6em 1em 0 0;
}
 .reclamo p{
		font-size: 1.1em; 
	color: #333333; 
	margin: 0;
	font-family:  Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	margin:1em 1em 0 0;
	
}
 #areas { 
float:left;
width:100%;
text-align:center;
margin:3em 0;
 }
 .thumbnail
{
float: left;
width: 30%;
height:200px;
border-right: 1px solid #666666;
padding: 0  ;
margin:0;
margin-left:15px;
margin-top:10px;

}
 .thumbnail_last
{
float: left;
width: 30%;
border:none;
padding: 0  ;
margin:0;
margin-left:15px;
margin-top:10px;
}
#links {
     
        width: 100%;
		margin:0;
		padding:0;
		
} 
#links ul {
        list-style-type: none;
		margin:0;
		padding:0;
        width: 80%;
		margin-top:2em;
		
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
		
		/*background-image:url(../images/bar-bullet.gif);
background-position:top left;
background-repeat:no-repeat;*/
}
#links li img {
      padding-right:1em;
}
#links li a {


        color: #d03308;
        display: block;
        font: bold 115% Arial, Helvetica, sans-serif;
        
	
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 400px;
}

#links li a:hover {
        background: #F3E9DB;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 75% Verdana, Helvetica, sans-serif;
        line-height: 125%;
		padding:1em 0; 
}

#links a span {
        background-color:#FF9900;
font: normal 75% Verdana, Helvetica, sans-serif;
padding:.3em;
color:#FFFFFF;
}
.destacado{
font: normal 75% Verdana, Helvetica, sans-serif;
}
table.modulo_uno{
margin:.5em 0;
width:90%;


 cellspacing:5px; 
 cellpadding:0;}
 table.modulo_uno td{
 
  border:2px solid #FF9900;
  text-align:center;
  padding:.5em;
  font-size:85%;}
  table.modulo_uno h3{
  margin:0;
  padding:0;
  font-size:1.1em;
  font-weight:bold;
  color:#FF9900;
}
table.modulos{
margin:.5em 0;
width:90%;
cellspacing:5px; 
 cellpadding:0;}
 table.modulos td{
 width:30%;
  border:1px solid #FF9900;
  text-align:center;
  padding:.5em;
  font-size:85%;}
  table.modulos h3{
  margin:0;
  padding:0;
  font-size:1.1em;
  font-weight:bold;
  color:#FF9900;
}
ul.lista_curso {
margin:2em 0;}
ul.lista_curso li{
list-style-type:square;
color:#FF9900;}
 a.horarios{
        background-color:#FF9900;
font: normal 85% Verdana, Helvetica, sans-serif;
padding:.3em;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
margin:2em;
}
table.tabla_horario{
margin:.5em 0;
width:90%;

 cellspacing:5px; 
 cellpadding:0;}
 table.tabla_horario td{
 width:30%;
  border:1px solid #FF9900;
  text-align:center;
  padding:.5em;
  font-size:85%;}
  td.trimestre{
  background-color:#FF9900;
  color:#FFFFFF;
  font-weight:bold;}
  td.finalizado{
  color:#CCCCCC;}
  table.horarios_2{
margin:.5em 0;
width:90%;
cellspacing:5px; 
 cellpadding:0;}
 table.horarios_2 td{
 height:2.5em;

  border:1px solid #FF9900;
  text-align:left;
  padding:0 .5em;
  font-size:85%;}
  table.horarios_2 h3{
  margin:0;
  padding:0;
  font-size:1.1em;
  font-weight:bold;
  color:#FF9900;
}
.menu_formacion{

padding:0;
float:left;

margin-right:1em;





}
.menu_formacion li{
list-style-type:none;
border-top:1px dotted #999;
border-bottom:1px dotted #999;

margin:.5em 0;
}
.menu_formacion li a{
text-decoration:none;
display:block;
padding:.5em 0;
}
.menu_formacion li a:link{
background-color:#FFFFFF;


}
.menu_formacion li a:hover{
background-color:#F3E9DB;


}
.info{
margin:0;
padding:0;
float:left;
padding-left:1em;}

.tabla_cursos{
	width:80%;
	border-collapse:collapse;
}

	.tabla_cursos th{
		font-weight:bold;
		border-bottom:1px solid #666666;
		text-align:left;
		padding:0 0 .5em 0;
	}
	
	.tabla_cursos td{
		text-align:left;
		padding-left:6px;
		padding-right:6px;
		padding-top:.5em;
		padding-bottom:.5em;
		border-bottom:solid 1px #ddd;
 	}

.link_pdf{
	background-image:url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 15px;
}
.curso_pasado,.curso_pasado a, .curso_pasado del, .curso_pasado ins {
	color: #bbb;
}
.semestre{
width:80%;

border-top:2px solid #FF9900;
margin:0 0 .5em 0;
color:#000;
padding:.5em;
font-weight:bold;}
.tituloCurso {
	color:#FF6600;
	width:80%;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
	padding-bottom: 1em;
}


.formulario p{
	clear:both;
	}
.formulario em{
	color:#FF8000;
	}
.formulario input, .formulario textarea, .formulario select {
	display: block;
	width: 300px;
	float: left;
	margin-bottom: 10px;
	font-family:inherit;
	font-size:inherit;
	border:solid 1px #bbb;
	background-color:#f7f9fb;
	padding:.2em;
}

.formulario select{
	padding:0;
	width:auto;
}
	.formulario input:hover, .formulario textarea:hover, .formulario select:hover{
		border:solid 1px #fe4e00;
		}

.formulario label {
	display: block;
	width: 10em;
	float: left;
	margin-bottom: 10px;
	text-align: right;
	padding-right: 20px;
}

.formulario .li_checkbox {
	margin-left:100px;
}

.formulario .li_checkbox label{
	text-align:left;
	padding-left:1em;
	width:auto;
	}
	
.formulario .li_checkbox input{
	width:1.5em;
}

.formulario input#reset, input#submit{
	width:auto;
	padding-left:10px;
	padding-right:10px;
	margin-right:10px;
	}
	
.formulario .oculto{
	display:none;
	}

.formulario fieldset{
	border:none;
	padding:0;
	margin:0;
	border-bottom:1px dotted #222;
}
