@import "formateo.css"; 
@import "etiquetas-generales.css"; 
@import "formulario.css"; 
@import "clases.css"; 

.clearfix:after {
	display: block;
	content: "";
	clear: both;
}


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

#contenedor {
	margin: 0em auto;
	width: 900px;
}


/* ---------------------------------  CONTENIDO */

#cabecera {
	width: 100%;
	padding: 1em 0;
	overflow: hidden;
}

#logo {
	float: left;
}

#logos {
	float: right;
}



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

#menu {
	background: url(../img/general/bg-menu.png) repeat-x center top #2F9F46;
	height: 32px;
}

#menu li {
	list-style: none;
	float: left;
	width: 19%;
	padding: 7px 0;
	text-align: center;
}

#menu li:hover {
    background: #2F9F46;
}

#menu li.seleccionado {
    background: #2F9F46;
}

#menu li a,
#menu li span
{
	color: #ffffff;
	text-shadow: 0.1em 0.1em 0.05em #333;
    text-decoration: none;
    text-transform: uppercase;
}

/* ---------------------------------  CONTENIDO */

#contenido {
	background: #ffffff;
	border: 1px solid #ffffff;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	overflow: hidden;
}



/* ---------------------------------  CONTENIDO IZQUIERDA */

#izq-home {
	float: left;
	margin: 3px 0 0 3px;
	width: 630px;
}


#izq-home h2 {
	color: #5e052c;
	border-bottom: 1px solid #b8b8b8;
	padding: 0 0 3px 0;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}

#izq-home p {
	margin: 0 0 15px 0;
}

/* ---------------------------------  CONTENIDO DERECHA */

#der-home {
	margin: 100px auto;
	width: 300px;
}


/* ---------------------------------  ZONA PRIVADA */

#zona-privada {
	background: #C1DFC8;
	width: 300px;
}

#zona-privada h3 {
	background: #3D8A4E;
	color: #ffffff;
	padding: 5px 0;
	margin: 5px 0;
	text-align: center;
}

#zona-privada p {
	margin: 5px;
}


/* ---------------------------------  PIE DE PAGINA */

#pie {
	text-align: center;
	padding: 1.7em 0;
	font-size: 12px;
}

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

#pie a:hover {
	color: #4e4e4e;
	text-decoration: underline;
}