﻿body
{
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	font-size: 17px;
	color: #2B3239;
	background-color: #F8F8F8;
	margin: 5px;
	padding:0px;
    border:none;	
	-webkit-text-size-adjust:none;
}

@media screen and (min-width: 801px) {
body
{
	font-size: 16px;
}
}

/* GENERAL */
div {
	margin: 0px;
	padding:0px;
    border:none;	
}
div.centrado{
	position: relative;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	background-color: white;
	padding: 10px;
	border-radius: 2px 2px 0px 0px;
	border: thin #01254B solid;
	box-shadow: 10px 10px 20px #c0c0c0;
}

@media screen and (min-width: 801px) {
div.centrado{
	margin-top: 35px;
	width: 1000px;
	padding: 20px;
}
}

div.part1var, div.part1fij{
}
div.part2var, div.part2fij{
}

div.cuerpo {
}

div.contenedor, div.contenedorCol {
}

div.grupo {
}

div.fin{
	clear:both;
}

div.separacion{
	margin: 0px 100px 0px 100px;
	padding: 20px 0px 0px 0px;
	border-bottom: 1px solid;
	border-color: #2B3239;
	clear: both;
}

img {
	border-radius: 2px 2px 2px 2px;
}

ul {
	border: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
h1,h2,h3 {
	text-align: left;
	border: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 16px;
	color: #2B3239;
}
p{
	border: none;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	font-weight: normal;
}

a, a:link, a:visited{
	text-decoration: none;
	color: #2B3239;
} 
a:hover{
	text-decoration: underline;
	color: #64254B;
}

.seleccionado{
    border-bottom: 1px #2B3239 solid;
    font-weight:bold;
}
.noSeleccionado {
    border-bottom: none;
    font-weight: normal;
}

.visible{display:inherit;}
.noVisible {display:none;}
.left{float:left;}
.right{float:right;}

span.seleccionado {
	color: #64254B;
	}

/* FIN GENERAL */

/* CABECERA */
div.cabecera {
	margin-bottom:20px;
}
div.cabecera h2{
	font-weight: bold;
	font-size: 20px;
	text-align: right;
	margin: 8px 0 8px 0;
	padding:0px;
}
div.cabecera h2.destacar {
	font-weight: bold;
	font-size: 30px;
	text-align: right;
	margin: 8px 0 8px 0;
	padding:0px;
	color: #AE4826;
}
img.logo{
	position: absolute;
	top: 10px;
	left: 20px;
	border: none;
	margin: 0px;
	height: 110px;
}
@media screen and (min-width: 801px) {
img.logo{
	top: 10px;
	left: 115px;
	height: 120px;	
}
}

/* FIN CABECERA */

/* BUSCADOR */
form.buscar{
	clear:right;
	float:right;
	margin: 5px 10px 0px 0px;
	padding: 0px;
}
	
form.buscar input{
    vertical-align: bottom;
    height:20px;
    padding:2px;
    border: grey 1px solid;
}
form.buscar input.caja{
    width:100px;	
    border-radius: 3px 0px 0px 3px;
}
@media screen and (min-width: 801px) {
form.buscar input.caja{
    width:150px;	
}
}
form.buscar input.buscar{
	border-radius: 0px 3px 3px 0px;
    position:relative;
    left:-1px;
}
div.resultados{
	margin-top:10px;	
	margin-bottom:10px;	
}
/* FIN BUSCADOR */

/* CARRUSEL */ 
div.carruselL {
    margin: 0px 10px 7px 0px;
	float:left;
}
div.carruselR {
    margin: 0px 0px 7px 10px;
	float:right;
}
div.carruselB{
    margin: 0px 0px 7px 0px;
    text-align:center;
}
div.carruselT{
    margin: 7px 0px 0px 0px;
    text-align:center;
}
/* FIN CARRUSEL */ 


/* INTRO FOOTER */

div.intro {
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	padding-top:10px;
	clear: both;
	height:170px;
}

div.intro div.desarrollo p{
	margin-bottom:6px;
}

div.intro div[class^="carrusel"] {
     float:left;
     width:56%;
  	 height:170px;
	 margin: 0px 10px 7px 0px;
  	 
}

div.intro div.desarrollo{
     background-image: none;
  	 height:155px;
  	 background-color: #EBEBEB;
     padding: 12px 12px 0px 5px;
     float:right;
     width:40%;
}


@media screen and (max-width: 801px) {
	div.intro div[class^="carrusel"] {
	     float:right;
	     width:51%;
	     margin: 0px 0px 7px 10px;
  	}
	div.intro div.desarrollo{
	     padding: 12px 12px 0px 5px;
	     float:left;
	     width:45%;
	}
}



footer {
	font-size: 12px;
	font-style: normal;
	text-align: center;
	font-weight: normal;
	margin: 2px 0px 0px 0px;
	padding: 4px 0px 6px 0px;
	border: none;
	clear: both;
}
/* FIN INTRO FOOTER */


/* MENUS */

/* menu principal */
ul.menu{
	background-color: #EBEBEB;
	margin: 0px;
	padding: 0px;
	border: thin #333333 solid;
	border-radius: 2px 2px 2px 2px;
}	
li.menu{
	margin: 0px;
	padding: 7px 14px 7px 14px;
	display: inline-block;
	border-right: thin #2B3239 solid;
    border-bottom: 0px;
	text-align: center;
	font-weight: bold;
	font-size: 19px;
}
@media screen and (min-width: 801px) {
li.menu{
	padding: 7px 15px 7px 15px;
	font-size: 18px;
}
}
a.menu:link, a.menu:visited{
	text-decoration: none;
	color: #2B3239;
}
li.menu.seleccionado a.menu:link, li.menu.seleccionado a.menu:visited {
	text-decoration:none;
	color: #64254B;
} 
a.menu:hover{
	text-decoration: none; 
	color: #64254B;
}
li.bandera{
   float:right;
   margin: 0px;
   border: 0px;
   display: inline-block;
   text-decoration: none;
   padding: 10px 5px 7px 5px;
}

img.bandera{
	border: thin #2B3239 solid;
}
/* fin menu principal */

/* supramenu */
div.supramenu {
	position:absolute;
	top:-20px;
	right:20px;
}
ul.supramenu{
	margin: 0px;
	padding: 0px;
	border: none;
	float:right;
}	
li.supramenu{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	border: none;
	display: inline;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}
a.supramenu:link, a.supramenu:visited{
	text-decoration: none;
	color: #2B3239;
}
li.supramenu.seleccionado a.menu:link, li.supramenu.seleccionado a.supramenu:visited {
	text-decoration:none;
	color: #64254B;
} 
a.supramenu:hover{
	text-decoration: none; 
	color: #64254B;
}
/* fin supramenu */

/* menu dentro del contenido */
ul.horizontal {
	margin: 10px 0px 10px 0px;
}
li.horizontal {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	border: none;
	text-align: left;
	font-weight: bold;
	display: inline;
}

ul.vertical.left {
	margin-right: 10px;
}

ul.vertical.right {
	margin-left: 10px ;
}

li.vertical{
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	display: block;
	clear: both;
}
li.vertical.right{
	float:left
}
/* fin menu dentro del contenido */

/* menu de contenidos */
div.MC {
    float: left;
	padding:10px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: thin #F8F8F8 groove;
	min-height:100px;
	min-width:150px;
	text-align:left
}
div.MC a:hover{
	text-decoration: none;
	color: #2B3239;
}

div.MC a:hover h2{
	text-decoration: underline;
	color: #64254B;
}

/* fin menu de contenidos */

/* sub menu vertical */
ul.menuv{
	margin: 5px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 16px; 
    min-width:150px;
    text-align:left;
}	
li.menuv{
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 0px;
	cursor: pointer;
	display: block;
}
li.menuv.seleccionado a.menu:link, li.menuv.seleccionado a.menu:visited {
	text-decoration:none;
	color: #2B3239;
} 
/* fin sub menu vertical */

/* FIN MENUS */

/* COLUMNA DE SUBMENU */
div.columna1{
  clear: left;
  margin: 20px 0px 0px 0px;
  float:left;
  width: 20%;
}
div.columna2{
  margin: 20px 0px 0px 0px;
  padding-left: 10px;
  float:left;
  width: 72%;
  border-top: 1px #2B3239 solid;
  border-left: 1px #2B3239 solid;
  background-image: url('fondoAmarillo.png');
  background-repeat:no-repeat;  
}
div.columna2 div.contenido {
  margin: 5px 0px 10px 10px;
}
div.columna2 div.desarrollo {
  margin: 5px 0px 10px 0px;
}
div.columna2 div.contenido h1{
/*  min-width:700px;*/
}
/* FIN COLUMNA DE SUBMENU */

/* COLUMNA DE CONTENIDO */
div.principal{
  float:left;
  width: 70%;
}
div.auxiliar {
  float:left;
  width: 30%;
}
div.principal div.contenido {
    padding:10px;
}
div.auxiliar div.contenido {
    padding:10px;
}
div.principal div.desarrollo {
}
div.auxiliar div.desarrollo {
}

div.principal div.contenido h1 { 
/*		min-width:500px;*/
}
div.auxiliar div.contenido h1 {
/*		min-width:300px;*/
}
/* FIN COLUMNA DE CONTENIDO */


/* CONTENIDOS AGRUPADOS */
div.agrupado {
	margin: 20px 0px 20px 0px;
	clear: both;
}

ul.tituloAgrupado{
	float: left;
	width: 35%;
	min-height: 150px;
	margin: 10px 0px 0px 15px;
	text-align: left;
	list-style-type: none;
	font-size:16px;
    border-right: 1px #2B3239 solid;
}

@media screen and (min-width: 801px) {
ul.tituloAgrupado{
	float: left;
	width: 30%;
	margin: 10px 0px 0px 25px;
	list-style-type: none;
	font-size:17px;
}
}

ul.tituloAgrupado li{
	padding: 0px 0px 1px 0px;
	margin: 0px 0px 10px 0px;
	cursor:pointer;
}

div.contAgrupado{
    position:relative;
    left:-1px;
	float: left;
    width: 60%;
	min-height: 150px;
	margin: 0px 10px 15px 0px;
	padding-right: 5px;
    background-image: url('fondoAmarillo.png');
    background-repeat:no-repeat;  
    border-top: 1px #2B3239 solid;
    border-left: 1px #2B3239 solid;
}
@media screen and (min-width: 801px) {
div.contAgrupado{
    width: 60%;
	margin: 0px 20px 15px 0px;
	padding-right: 20px;
}
}
div.contAgrupado div.contenido{
	margin: 0px 0px 0px 10px;
	clear: both;
    padding: 20px 0px 0px 10px;
}

/* FIN CONTENIDOS AGRUPADOS */

/* CONTENIDO */

div.contenido {
	margin: 0px 0px 20px 0px;
	clear: both;
}

div.contenido h2, div.contenido h1 {
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 16px;
	color: #2B3239;
	border-bottom: 1px #999999 solid;
}

div.desarrollo{
	margin: 0px 0px 10px 0px;
}

div.titulo.tipoA {
  margin: 30px 0px 0px 10px;
  float:left;
  width: 30%; 
}
@media screen and (min-width: 801px) {
div.titulo.tipoA {
  margin: 30px 0px 0px 30px;
  width: 25%; 
}
}

div.titulo.tipoA h1, div.titulo.tipoA h2 {
	margin: 0px 0px 0px 0px;
	border-bottom: 1px #2B3239 solid;
	text-align:left;
}

div.marron{
    background-image: url('fondoMarron.png');
    background-position:right top;
    background-repeat:no-repeat;  
    height: 104px;
}

div.desarrollo.tipoA{
    margin: 20px 0px 20px 0px;
    padding: 10px;
    padding-left: 15px;
    float:left;
    width: 60%;
    min-height:90px;
    border-top: 1px #2B3239 solid;
    border-left: 1px #2B3239 solid;
    background-image: url('fondoAmarillo.png');
    background-repeat:no-repeat;  
 }
@media screen and (min-width: 801px) {
div.desarrollo.tipoA{
    padding: 20px;
    padding-left: 25px;
    width: 65%;
 }
}
/* FIN CONTENIDO */

/* FOTO */ 
img.sueltasH {
	height: 120px;
}
img.fotoL {
    margin: 0px 15px 7px 0px;
	float:left;
}
img.fotoR {
    margin: 0px 0px 7px 15px;
	float:right;
}
img.fotoB{
    margin: 0px 0px 7px 0px;
    text-align:center;
}
img.fotoT{
    margin: 7px 0px 0px 0px;
    text-align:center;
}
/* FIN FOTO */ 

/* VIDEO */
div.video{
    margin: 10px 0px 10px 0px;
    clear: both;
}
/* FIN VIDEO */


/* FORO */ 
a.boton{
	font-weight: bold;
	border: 1px #EBEBEB outset;
	padding: 0px 5px 0px 5px;
	margin: 0px;
/*	color: #C10500;*/color: #64254B;
	background-color: #EBEBEB;
	border-radius: 2px 2px 2px 2px;
}
a.boton:hover {
	color: #5590EA;
	text-decoration: none; 	
}
a.boton:active {
	color: #5590EA;
}

form.foro{
    margin-top:5px;
    margin-bottom :2px;
    size: 100%;
}
form.foro p{
    margin-top:5px;
}
form.foro input {
    margin-top:2px;
}
div.mensajeforo {
    margin: 10px 0px 10px 0px;
}
div.mensajeforo strong{
	margin: 0px 5px 0px 0px;
	font-weight: bold;
	color: #5590EA;
}
/* FIN FORO */ 

/* BLOG */
div.blog {
	padding: 5px 10px 5px 5px;
	border: 1px #000066 groove;
	border-radius: 4px 4px 4px 4px;
	margin: 0px 0px 10px 0px;
	clear: both;
/*	background-color: #303030;*/
}
div.mensajeEnlace {
	margin-bottom: 10px;
}
div.mensajeEnlace:hover {
	cursor:pointer;
}
div.cabecerablog {
}
div.blog h3, div.blog a.menu {
	font-size: 20px;
	color: #000066;
	font-weight: bold;
	font-style: italic;
}
div.blog a.menu:hover{
	text-decoration: none; 
	color: #64254B;
}
span.autor {
	font-size: 14px;
	color: #000066;
	font-weight: bold;
}
div.fechahorablog {
	float: left;
	margin: 0px 15px 0px 0px;
	border-bottom: 2px #5590EA solid;
}
div.fechablog {
	padding: 2px 4px 2px 4px;
	border: 1px #808080 solid;
	border-radius: 2px 2px 2px 2px;
	background-color: #EBEBEB;
}
/* FIN BLOG */

/* EVENTOS */
div.evento{
	margin: 0px 0px 20px 0px;
}
a.evento {
	border: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 16px;
	color: #000066;
	text-decoration: underline;
}
div.auxiliar a.evento {
	color: #000066;
	font-size: 15px;
	text-decoration: none;
}
div.auxiliar a.evento:hover{
	text-decoration: underline;
	color: #000066;
}
a.evento:hover{
	text-decoration: underline;
	color: #64254B;
}
b.evento{
	color: #496083;
}
div.principal div.contenido h1.evento {
/*	min-width: 500px;*/
	color: #2B3239;
}
/* FIN EVENTOS */
