*{ margin:0; padding:0; }

body{
	font-family: Arial,Helvetica,sans-serif;
	font-size:14px;
    color: #232323;
    background-color: #fff;
}

header,
footer,
nav,
section {
    display: block;
}

p {
    margin: 5px 0; 
}

h1
{
    font-size: 1.5em;
    color: #07DC17;
}

h2
{
    font-size: 1.3em;
    color: #07DC17;
}

h3
{
    font-size: 1.1em;
    color: #07DC17;
}


.pagina
{
    width:900px;
    margin:10px auto;        
}
.cabecera
{
    width:900px;
    height:241px;
    position:relative;
    overflow: hidden;
}
.fondo
{
    width:900px;
    height:211px;
    position: absolute;
    top:0;
    left:0;
    background: url('images/Cabecera.jpg') no-repeat 0 0
}

.logo
{
	background: transparent url('images/logo_tecons.png') no-repeat;
	height: 115px;
	width: 357px;
	bottom: 30px;
	left: 900px;
	position:absolute;
	display: none;	
}

.menu
{
    width:900px;
    height:30px;
    position: absolute;
    top:211px;
    left:0;
    background: url('images/Menu.jpg') no-repeat 0 0;        
}
.menu ul{
	text-align: right;
	height: 30px;
	color: white;
	padding-left:15px;
	padding-right:15px;
}
.menu ul li.inactivo {	
	display: inline-block;
	list-style:none;
	font-weight:bold;
	background: transparent url('images/inactivo.png') repeat-x;
	height:30px;
	margin: 0 5px;
	padding:10px 10px 0 10px;
	color: White;
}
.menu ul li.activo{
	display: inline-block;
	list-style:none;
	font-weight:bold;
	background: transparent url('images/activo.png') repeat-x;
	height:30px;	
	margin: 0 5px;
	padding:10px 10px 0 10px;
	color: White;
}

.titulo{
    width: 900px;
    height: 37px;
    line-height: 37px;
    font-size: 20px;
    color: white;
    background: url('images/Titulo.jpg') no-repeat 0 0;
    padding: 0 15px;
}

.link, .link:visited
{
    text-decoration: none;
    color: White;
}

.contenido
{
	background: transparent url('images/contenido.jpg') repeat;
	margin:0;
}
.margen
{
    padding: 5px 10px;
}
.contenido .contenedor
{
	padding: 15px;
}
.pie{
	background: transparent url('images/pie.jpg') no-repeat;
	height: 101px;
	color: white;
	margin: 0;
}
.pie .contenedor{
	padding:10px;
}

div.limpiar
{
    clear: both;
	height:0;
}

div.uno{ width: 214px; margin: 0 auto; }
div.dos{ width: 428px; margin: 0 auto; }
div.tres{ width: 646px; margin: 0 auto; }
div.cuatro{ width: 860px; margin: 0 auto; }


/* Styles for images 
-----------------------------------------------------------*/
.cuadro
{
    width: 213px;
    height: 214px;
    background: url('images/Recuadro.png') no-repeat 0 0;
    position: relative;
    float:left;
}
.cuadro .espacio{
    position: absolute;
    top: 0;
    left: 0;
}
.cuadro .espacio img.imagen
{
    width: 206px;
    height: 206px;
    border: 0;
}
div.wrapper
{
    width:214px; 
    height:214px; 
    overflow:hidden; 
    position:relative;    
    float: left;
}
div.caption 
{
    position:relative; 
    text-align:center; 
    padding:15px 15px;
	font-size: 12px;
	font-weight: bold;	
	color: Green;
	background: url("images/Recuadro.png") no-repeat scroll 0 -165px white;
}

    
/* Styles for basic forms
-----------------------------------------------------------*/
fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

h3.no_enviado 
{
    color: Red; 
}

div.contacto_izq
{
    float:left;
    width: 300px;
}
div.contacto_der
{
    float:right;
    width: 300px;
}
div.contacto_centro
{
    text-align:center;
    float:left;
}
    
.formulario_contacto tr
{
    vertical-align:top;
}

.derecha
{
    text-align: right;	
}
.centrado
{
    text-align:center;	
}
.izquierda
{
    text-align: left;
}

.enlace, .enlace:visited 
{
    text-decoration:none;
    color: white;
}
.enlace:hover
{
    text-decoration:underline;
    color: Black;
}