/*

Hoja principal de estilo de:
 _____   _____   _   _   _____   
/  ___/ | ____| | | | | |  _  \  
| |___  | |__   | | | | | |_| |  
\___  \ |  __|  | | | | |  _  /  
 ___| | | |___  | |_| | | | \ \  
/_____/ |_____| \_____/ |_|  \_\ 

www.escuelaonlineseur.com

*/

/***********************************************************/
/******************** GENERALES ****************************/
/***********************************************************/

* {
	margin: 0;
	padding: 0;
	border: 0;	
}

body {
	background: #fff;
	color: #000;
	font: normal 14px/22px "Trebuchet MS", Arial, Verdana, sans-serif;
}

.limpiar {
	clear: both;
}

/***********************************************************/
/******************* ESTRUCTURA GENERAL  *******************/
/***********************************************************/

#contenedor {
	width: 950px;
	margin: 15px auto 0 auto;	
}

#contenedor #cabecera {
	margin: 0 0 15px 0;
}

#contenedor #contenido #banda1 {
	height: 11px;
	background: #0063b2 url('../img/sup00.png') no-repeat;
	border-bottom: 3px solid #e8502a;
}

#contenedor #contenido #banda2 {	
	height: 11px;
	background: #0063b2 url('../img/inf00.png') no-repeat;
	border-top: 3px solid #e8502a;
}

#contenedor #contenido .boton {	
    background: rgba(129,200,255,.3);
	padding: 10px 40px;
	font-size: 20px;
	color: #fff;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	text-decoration: none;	
}

#contenedor #contenido .boton:hover {	
   background: rgba(29,100,176,.5);
}

#contenedor #contenido .boton span {	
	color: rgba(255,255,255,1);
}

#contenedor #contenido #principal {	
	background: #fff url('../img/home1.jpg') no-repeat;
}

#contenedor #contenido #secundario {	
	background: #fff url('../img/home2.jpg') no-repeat;
}

#contenedor #contenido #principal,
#contenedor #contenido #secundario {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	width: 950px;
	height: 500px;
	position: relative;		
}

#contenedor #contenido #principal #mensaje {
	position: absolute;
	bottom: 35px;	
	right: 75px;
	text-align: center;
}

#contenedor #contenido #principal #mensaje .tam1 {	
	color: #fff;
	font-size: 35px;
	font-weight: bold;	
	margin: 0 0 40px 0;
}

#contenedor #contenido #secundario #login {	
	position: absolute;
	left: 30px;
	top: 5px;
}

#contenedor #contenido #secundario form p {
	float: left;
	clear: both;
	margin: 0 0 5px 0;
}

#contenedor #contenido #secundario form label {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	float: left;
}

#contenedor #contenido #secundario form input {
    background: rgba(29,100,176,.3);
	padding: 10px;
	width: 280px;
	color: #fff;
}

#contenedor #contenido #secundario .boton {
	margin: 10px 0 0 90px;
	float: left;
}