@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);
/*@import url(http://fonts.googleapis.com/css?family=Rancho);*/
 
.button {
font-family: Georgia, Serif;
/*font-family: 'Rancho', cursive;
text-transform:uppercase;
letter-spacing: 1px;*/
/*border-top: 1px solid #1695e3;*/
border: 1px solid #003D29;
/*background: #17522c;*/
/*background: -webkit-gradient(linear, left top, left bottom, from(#14db32), to(#17522c));
background: -webkit-linear-gradient(top, #14db32, #17522c);
background: -moz-linear-gradient(top, #14db32, #17522c);
background: -ms-linear-gradient(top, #14db32, #17522c);
background: -o-linear-gradient(top, #14db32, #17522c);*/
/*padding: 20px 40px;*/
padding: 5px 10px;
margin: 15px;
/*display: inline-block;*/
display: block;
/*-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #ffffff;
font-size: 24px;
text-decoration: none;
vertical-align: middle;
}

html, body {
margin: 0;
padding: 0;
height: 100%;
}

body {
color: white;
font-family: 'Roboto', sans-serif;
}

body#body_login {
background:url(../images/fondo.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: white;
font-family: 'Roboto', sans-serif;
}
body#listaCursos{
/*background-color: #006E4A;*/
background:url(../images/fondo_oscuro.jpg) no-repeat center center fixed;
}

div.fondo_1 {
display: table;
height: 100%;
width: 100%;
margin: 0;
}

div.fondo_2 {
display: table-cell;
vertical-align: middle;
position: relative;
text-align: center;
}

.login{
padding: 20px;
background-color: #006E4A;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.login label{
display: block;
width: 85px; 
float: left;
text-align: right;
padding-right: 20px;
clear: left;
}

.login input[type=text], .login input[type=password]{
display: block;
width: 150px;
float: left;
}

.login label, .login input[type=text], .login input[type=password]
{
margin-bottom: 15px;
}

.clear_both{
clear: both;
}

.login input[type=submit]{
background-color: #006E4A;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-style:solid;
border-color:#fff;
color: white;
font-family: 'Roboto', sans-serif;
width: 100%;
}

.lista_grupos{
text-align: left;
display: block;
width: 1020px;
margin: 50px auto 0px auto;
}

.lista_cursos, .indice{
text-align: left;
display: block;
width: 900px;
padding: 12px 50px 12px 50px;
margin: 40px auto 50px auto;
background-color: #006E4A;
line-height:25px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
}

.lista_grupos > p, .objetivo{
background-color: #003D29;
padding: 20px;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; */
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 110%;
line-height:30px;
text-align:justify;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
}

.lista_grupos > p, .codigoCurso{
background-color: #003D29;
padding: 20px;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; */
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 110%;
line-height:30px;
text-align:justify;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
margin: 20px 0px 30px 0px;
}


.lista_cursos > p{
line-height: 25px;
}

.lista_cursos  a, .botonera_principal ul li a, .subPacks a{
text-decoration: none;
color: white;
/*color: black;*/
}

.lista_cursos  a, .subPacks a span{
text-transform:uppercase;
}
.lista_cursos  a:hover, .botonera_principal ul li a:hover, .subPacks a:hover span{
text-decoration: underline;
}

.botonera_principal{
position:absolute;
right: 0px;
top:0px;
background-color: #003D29;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
padding-right: 10px;
}

.botonera_principal ul li{
display: inline-block;
margin: 5px 0px 5px 5px;
}

.button:hover, #button-box  .button:hover {
background-color: #003D29;
}

.tituloCategoria:hover , .tituloCategoria{
background-color: #006E4A;
}

#button-box {
/*text-align: center;*/
width: 1010px;
position: relative;
/*float: left;*/
margin: 0px auto 0px auto;
padding: 0px;
}

#button-box  .button {
/*width: 248px;*/
width: 180px;
display: inline-block;
height: 70px;
padding: 20px;
background-color: #006E4A;
text-align:center;
}

.tituloCategoria{
	margin-top: 50px;
}

/*.indice{
	border: 1px solid #79F58D;
	padding: 20px 0px 20px 40px;
	line-height:20px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
}

.objetivo{
	border: 1px solid #79F58D;
	margin: 10px 0px 40px 0px;
	padding: 20px 20px 20px 40px;
	text-align: justify;
	line-height:30px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
}*/

.precio{
	/*border: 1px solid #006E4A;*/
	padding: 20px 0px 20px 40px;
	margin: 20px 0px 40px 0px;	
	line-height:20px;
	/*para Firefox*/
	-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 15px 15px 15px 15px;
	background-color:#006E4A;
}

.horas{
	border: 1px solid #003D29;
	padding: 20px 0px 20px 40px;
	margin: 50px 0px 40px 0px;
	line-height:20px;
	/*para Firefox*/
	-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 15px 15px 15px 15px;
	background: #003D29;
}

.cabecera_curso{
	font-size:30px;
	text-transform:uppercase;
	padding: 20px;

	display: block;
	padding: 12px 50px 12px 50px;
	margin: 40px auto 50px auto;
	background-color: #006E4A;
	line-height: 25px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;	
	
}

.subPacks p{
	margin-top: 17px;
}

.subPacks p:first-child{
	margin-top: 0px;
}

.subPacks a{
	margin-top: 0px;
}

.objetivoPack{
	padding: 20px;
	text-align:justify;
}

.iconoPDF{
	float:right;
}