﻿*{
    margin:0;
	padding:0;
}

body
{
    background-color:#0C267B;
    /*background-color:#006295;*/
    /*background-color:#1241d0;*/
}


.pagina
{
    /*background-color: Gray;*/
    width:880px;
    margin:0 0 0 16.9%;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}

.header
{
    height: 121px;
    /*background: #FFF url(banner.png) no-repeat;*/
}


/******************* MENU ****************************/

.menu {
	padding: 0px;
	margin: 0px;
	width:880px;
	height:30px;
	background:#FFF url('roja.jpg') repeat-x;
	
}
/*Primer Nivel*/
.menu ul {
	padding: 0px;
	margin: 0px;
}
.menu ul li {
	display: inline;
	float: left;
	width: 146.5px;
	list-style-type: none;
	background:#FFF url('roja.jpg') repeat-x;
	height: 30px;
}
.menu ul li a {
	text-decoration: none;
	color:white;
	line-height: 30px;
	width: 125px;
	display: block;
	padding-left: 21.5px;
}
.menu ul li a:hover {
	color:#FFCC00;
}

/*Segundo Nivel*/
.menu ul li ul li{
	background:maroon;	
	position:relative;
}
.menu ul li ul li a
{
    width:130px;
    padding-left:16.5px;
}

.menu ul li ul li a{
	color:white;
}

.menu ul li ul{
	display:none;
}

.menu ul li:hover ul{
	display:block;
}

/*Cuerpo de la página*/
.cuerpo
{
    width: 880px;
    min-height:400px;
    background-color: White;
    margin: 0 0 0 0;
}

.cuerpo h2
{
    padding:1.5em 0 0 0;
    text-align:center;
    color:#004D8D;   
    font-weight:bold;    
}

.lateral
{    
    float:left;
    min-height:400px;
    width:15em;
    padding-top:6em;
    /*border-right: 1px dashed #000;*/
    /*text-align:center;*/
    
}

.lateral a 
{
    padding: 0 0 0 5em;
    color:#004D8D;
}

.lateral h3
{
    text-align:center;
    color:#004D8D;
    font-weight:bold;
}


.contenido
{
    padding-top:30px;
    /*margin-left:15em;*/
    /*margin-right:10px;*/
    padding-left:100px;
    padding-right:30px;
    /*border-left: 1px dashed #125;*/
}

.contenido p
{
    
    text-align:justify;
    width:80%;
}

.contenido h2
{
    text-align:center;
    color:#004D8D;   
    font-weight:bold;
}

.contenido h4
{
    color:#004D8D;
}


.contenido ul
{
    list-style-image: url(2.gif);
}
/* ----------------------- 
Estilo para los convenios*/
.convenio
{
    min-height:200px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:Gray;
}

.convenio label.nombre
{
    font-weight: bold;
}

.convenio label.descripcion, .convenio label.fecha, .convenio label.duracion
{
    
}


.pie
{
    clear:both;
    height:auto;
    width: 880px;
    background: #fff url(pie.png) repeat-x;
    text-align:center;
    font-size:small;
    color:Gray;
}
/* 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;
}