/*
   Estilos para Curso Escolar GES
   12-ene-2016
*/

html, body { width: 100%; height: 100%; }

body {
    background-color: #333;
    background: url("../img/img-background.jpg") fixed; 	
    -webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	font-family: 'BentonSansRegular', Calibri, Franklin Gothic Book;
	font-size: 1.4em;	
}

* {margin: 0; padding: 0; text-decoration: none;}


#principal {margin: 0 auto; padding-top: 20px; width: 900px;}


.flayer-curso {
	/* http://www.w3schools.com/css/css_background.asp */
	background: url("../img/curso-escolar-ges.jpg") no-repeat;
	width: 900px; 
	height: 1166px;
}


.titulo-encabezado {
    background: rgba(0, 0, 0, .7);
    color:#fff;
    font-family: "BentonSansMedium", Calibri, Franklin Gothic Book;
    font-size: 23px;
    font-weight: normal;
    line-height: 25px;
	margin-bottom: 10px;
    padding:7px 0 7px 30px;
    width:46%;
}

.dropShadow {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
}

.heroMarquee {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border-bottom: 12px solid #f0ab00;
}

.button {
    border-top: 1px solid #f7e797;
    background: #ff9626;
    background: -webkit-gradient(linear, left top, left bottom, from(#f27d16), to(#ff9626));
    background: -webkit-linear-gradient(top, #f27d16, #ff9626);
    background: -moz-linear-gradient(top, #f27d16, #ff9626);
    background: -ms-linear-gradient(top, #f27d16, #ff9626);
    background: -o-linear-gradient(top, #f27d16, #ff9626);   
    border-radius: 6px;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    color: #080707;
    font-size: 23px;
    font-family: Helvetica, Arial, Sans-Serif;
    padding: 13.5px 27px;
    text-decoration: none;
    text-align: center;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    vertical-align: middle;
}

.button:hover {
    border-top-color: #d4d128;
    background: #d4d128;
    color: #403d40;
}

.button:active {border-top-color: #f2a918; background: #f2a918;}

.button  a:link {color: #080707; text-decoration: none;}

.button  a:visited {color: #080707; text-decoration: none;}

#footerLinkStacks {
    background: #484848 none repeat scroll 0 0;
	font-size: 0.8em;
    padding: 25px;	
	width: 850px;
}

.pie-columna{
  display: inline-block;
  width: 200px;
  vertical-align: top;
}

.pie-columna a:hover {color: white; text-decoration: underline;}

.pie-columna a:link {color: white;}

.pie-columna a:visited {color: white;}

.columna-precio {
   border: 1px solid #f0ab00;
   display: inline-block; 
   width: 32%; 
   vertical-align: top;
}

.columna-precio h1 {
   background-color: #f0ab00; 
   padding: 10px;
   margin-bottom: 15px;
   font-size: 1em;
}

.columna-precio h3 {color: blue; font-size: 1.1em; margin: 8px 0 25px;} 

.columna-precio h4 {color: red; font-size: 1.1em; margin: 8px 0 20px;} 

#boton-inscribir {
	margin: 10px auto; 
	max-width: 400px; 
	padding-bottom: 40px;
}