@import "http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold|Tinos:regular,bold|Covered+By+Your+Grace|Raleway:100&subset=latin";
@import "http://fonts.googleapis.com/css?family=Brawler:regular" rel="stylesheet" type="text/css" ;
@import url(http://fonts.googleapis.com/css?family=Podkova&v1);
@import url(http://fonts.googleapis.com/css?family=Cantarell&v1);

body{
	font-family:Droid Sans;
	font-size: 13px;
	line-height: 24px;
	color: #333333;
}

.form {
	font-family:"Droid Sans";
	font-size: 13px;
	line-height: 24px;
	color: #0066FF;
}
@charset "utf-8";
{margin:0;padding:0;}
#supercontenedor{
	position: relative;
	width: 950px;
	background-color: #FFFFFF;
	margin: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E1E1C4;
	border-left-color: #E1E1C4;
}

.textocomun {

	color: #666666;
}

.textocomun a{
	color: #0099FF;
}
.textocomun a:hover{
	background-color: #D5EEFF;
}


/**********************************/
/* PARA MOSTRAR EN TRIPLE COLUMNA */
/**********************************/


#contenedorcursoscuad {
	position: relative;
	width: 900px;
	background-color:#FFFFFF;
	margin: auto;
}
	
	
.clear { clear: both }        

.cursoscuad {
	float: left;
	position: relative;
	margin-top:10px;
	margin-bottom: 10px;	
}

.curso1cuad {
	width: 270px;
	padding-right: 4px;
	padding-left: 0px;
	margin-right: 15px;
	margin-left: 0px;
	margin-top: 0px;
}

.curso2cuad {
	width: 270px;
	padding-right: 4px;
	padding-left: 4px;
	margin-right: 15px;
	margin-left: 7px;	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0; */
	margin-top: 0px;
}
.curso3cuad{
	width: 270px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 0px;
	margin-left: 15px;
	margin-top: 0px;
	background-color: #EFEFEF;
	padding-top: 5px;
}

/**********************************/
/* PARA MOSTRAR EN TRIPLE COLUMNA */
/**********************************/


#contenedorcursos{
	position: relative;
	width: 900px;
	margin: auto;
	}
	
.clear { clear: both }        

.cursos {
	float: left;
	position: relative;
	margin-top:10px;
	margin-bottom: 10px;
}
.curso1 {
	width: 240px;
	padding-right: 5px;
	padding-left: 0px;
	margin-right: 25px;
	margin-left: 0px;
	margin-top: 0px;
}
.curso2 {
	width: 240px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 25px;
	margin-left: 7px;	
	margin-top: 0px;
}
.curso3 {
	width: 300px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 18px;
	margin-top: 0px;
}



/*********************************/
/* PARA MOSTRAR EN DOBLE COLUMNA */
/*********************************/

#contenedordoble{
	position: relative;
	width: 970px;
	margin: auto;
	}
	
.clear { clear: both }        

.doble {
	float: left;
	position: relative;
}
.doble1 {
	width: 160px;
	padding-right: 5px;
	padding-left: 0px;
	margin-right: 10px;
	margin-left: 0px;
}
.doble2 {
	width:780px;
	padding-right: 0px;
	padding-left: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

/************************************/
/* PARA MOSTRAR EN UNA SOLA COLUMNA */
/************************************/

#contenedorunacolumna{
	position: relative;
	width: 900px;
	/*background-color: #FAFAFA;*/
	margin: auto;
	}
		
.clear { clear: both }        

.unico {
	float: left;
	position: relative;
	margin-top:10px;
	margin-bottom: 10px;
}
.unico1 {
	width: 880px;	
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 7px;
	margin-left: 10px;
}




/************************************/
/* PARA MOSTRAR EN UNA SOLA COLUMNA */
/************************************/

#contenedorautor{
	position: relative;
	width: 900px;
	background-color: #F8F8F1;
	margin: auto;
	border: 1px dashed #ececd9;
	font-size: 11px;
	line-height: 18px;
	color: #574828;
	}
		
.clear { clear: both }        

.autor {
	float: left;
	position: relative;
	margin-top:10px;
	margin-bottom: 10px;
}
.autor1 {
	width: 860px;	
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 10px;
	margin-left: 10px;
}


/************************************/
/* PARA MOSTRAR EN UNA SOLA COLUMNA */
/************************************/

#contenedorunacolumnamenu{
	position:relative;
		z-index:100;
	width: 100%;
	height:100px;
	/*background-color: #FAFAFA;*/
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	}
	
.clear { clear: both }        

.unicomenu {
	float: left;
	position: relative;
	/*margin-top:10px;*/
	margin-bottom: 10px;
}
.unico1menu {
	width: 880px;
	/*background-color: #FFFFFF;*/
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 7px;
	margin-left: 10px;
}

/************************************/
/* TITULARES Y DEMÁS */
/************************************/

.titulocurso {

	font-size: 20px;
	line-height: 28px;
	font-weight: normal;
	/*font-variant: small-caps; */
	color: #0066FF;
}


.titulocurso a {
	
	color: #0099FF;
	text-decoration: underline;
}


.titulocurso a:hover {

	color: #0099FF;
	text-decoration: underline;
	background-color: #F1F1E2;
}
.titulocurso1 {

	font-size: 30px;
	line-height: 30px;
	/*font-weight: bold;*/
	font-variant: small-caps;
	color: #0099FF;	/*background-color:#EEF3F9;*/
	text-transform: none;
}
.titulocurso2 {

	font-size: 16px;
	line-height: 24px;
	color: #0099FF;/*background-color:#EEF3F9;*/
	font-weight: bold;
}

.titulocurso2 a{

	font-size: 16px;
	line-height: 24px;
	color: #0099FF;/*background-color:#EEF3F9;*/
	font-weight: bold;
	text-decoration: underline;
}

.titulocurso2 a:hover {
	font-size: 16px;
	line-height: 24px;
	color: #0099FF;	/*background-color:#EEF3F9;*/
	font-weight: bold;
	
}
.unicoimagen {
	width: 900px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.decreto {

	font-size: 12px;
	text-transform: uppercase;
	line-height: 20px;
	font-variant: small-caps;
	color: #787878;
	font-style: normal;
	
}

.comentario {

	font-size: 13px;
	/*text-transform: uppercase; */
	line-height: 23px;
	/*font-variant: small-caps;*/
	color: rgb(68,65,60);
	font-style: normal;
}
.destacado {
	background-color: #DDEEFF;
	font-style: italic;
	color: #666666;
}
.textocomun2 {

	font-size: 11px;
	line-height: 21px;
	color: #CC3300;
}
.comentario2 {

	font-size: 18px;
	text-transform: none;
	line-height: 26px;
	font-variant: normal;
	color: #787878;
	font-style: italic;
}



/* Main Navigation */

#nav {

  float: left; 
  font-size: 16px; 
  margin: 1.4em 0 0 0;
  list-style: none;
}

#nav li {
  float: left; 
  margin: 0.25em 0 0;
}

#nav a {
  color: #008bcb; 
  border: 1px solid transparent; 
  display: block; 
  line-height: 1.2; 
  padding: 0.6em; 
  text-decoration:none;
  text-shadow: 0 1px 1px #cccc99);
}

#nav a span {
  color: #666666; 
  display: block; 
  font-size: 65%; 
  text-transform: uppercase;
}

#nav a:hover span, #nav a:focus span {
  color: #000000;
}

#nav a:hover, #nav a:focus {
  background: #008bcb; 
  border: 1px solid #008bcb; 
  color: #FFFFFF;
}

#nav ul li a.current, #nav a:focus {
	border: 1px solid rgb(58,55,51);
	color: #FFFFFF;
	background-color: #CAEEFF;
}

#nav a:hover, #nav a:focus {
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px;
}

.creditos {

	font-size: 11px;
	line-height: 16px;
	color: #666666;
}
.unicotitular {
	width: 900px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	height: 25px;
}



#pie {
	position: relative;
	width: 100%;
	background-color: #ECECD9;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333333;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCC99;
}

#pie a{
	color: #333333;
	text-decoration:none;
}

#pie a:hover{
	color: #666666;
	text-decoration:none;
}


.titulares {

	font-size: 22px;
	font-style: normal;
	line-height: 26px;
	font-weight: bold;
	color: rgb(68,65,60);
	letter-spacing: -1px;
}

.unico2 {
	width: 900px;
	background-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.comentariotexto {

	font-size: 16px;
	text-transform: uppercase;
	line-height: 30px;
	font-variant: small-caps;
	color: #333333;
	font-style: normal;
}

.matricula {
	width: 160px;
	height: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;

	font-size: 18px;
	line-height: 20px;
	color: #6699CC;
	background-color: #BFEBFF;
	border: 1px solid #A2C0DF;
}

.matricula a{
	text-decoration: none;
	color: #6699CC;
}

.matricula a:hover{
	text-decoration: none;
	color: #366CA3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: A2C0DF;
}


.descarga {
	width: 180px;
	height: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 22px;
	line-height: 20px;
	color: #FF3399;
	font-weight: bold;
}

.descarga2 {
	width: 180px;
	height: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 22px;
	line-height: 20px;
	color: #FF9900;
	font-weight: bold;
}

.descarga a{
	text-decoration: none;
	color: #CCCCCC;
}

.descarga a:hover{
	text-decoration: none;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.unicotitular2 {

	width: 900px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
}
.textocomungrande {
	color: #666666;
	font-size: 14px;
}

.textocomungrande a{
	color: #0099FF;
	
}
.textocomungrande a:hover{
	color: #6FC6FF;

}