/* Definición de estilos de portada
	Autor:	Juan A. Pedrero 
	Mapa:	Elementos generales
			Vínculos básicos
			Elementos espécíficos
			Clases
			Áreas contenedoras
			Componentes gráficos 
	Colores:
			Azul 	#00769D
			Verde	#CCFF66
			Gris	Silver

/* Definición de los elementos generales de la interfaz
-------------------------------------------------------------------- */
body {
	font-family: Verdana, Helvetica, sans-serif, Arial;
	margin-top: 0px;
	color:#00769D;
	background-color: white;
}
h1{
	font-size: 1em;
	color:#666666;
}
textarea{
	color:#00769D;
	letter-spacing:normal;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	font-size:1.05em;
}
input{
margin-top:2px!important;
}

strong{
	color:#00769D;
}
.articulosPortada object, embed{
	width:335px;
	height:260px;
}

/* Definición de los vínculos básicos
-------------------------------------------------------------------- */
a {
	color: #00769D;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* Definición de los elementos específicos del formulario
-------------------------------------------------------------------- */
.cuadro {
  	border: 2px solid; 
	font-size: 1em;
	border-color: #999 #D9D9D9 #D9D9D9 #999;
	color:#00769D;
	margin:3px 0px 5px 20px;
}
/* Definición de las clases de la interfaz
-------------------------------------------------------------------- */
.normal{
	font-weight:normal;
	font-size:x-small;
	letter-spacing: 0em;
}
.limpia{
	clear:both;
}
.separa{
	clear:both;
	height:5px;
}
.separaalgo{
	clear:both;
	height:25px;
}
.separamas{
	clear:both;
	height:50px;
}
.baja4{
	margin-top:1px;
}
.baja2{
	margin-top:2px;
}
.derecha{
	text-align:right;
}
.centrar{
	clear: both;
	text-align:center;
}
.central{
	width: 100%;
	margin: auto;
}
.negro{
	color: #666666;
}
.negrita{
	font-weight:bold;
}
.letraMediana{
	/*font-size: .75em;*/
		font-weight:normal;
}
.bajaUnPoco{
	margin-top:15px;
}
.minimo {
	font-weight: bold;
	text-decoration: none;
	color: #CCFF66;
}
.menor{
	font-weight: normal;
	text-decoration: none;
	color:#666666;
}
.chiquito{
	font-weight: normal;
	text-decoration: none;
	color:#666666;
	font-size:smaller;
}
.asterisco{
	font-weight: bold;
	text-decoration: none;
	color: #00769D;
}
.bordes{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.cabFormulario{
	width:80%;
	margin: auto;
	border: 1px dotted #CCFF66;
	font: bold 1.3em Verdana, sans-serif;
	letter-spacing: 0.1em;
  	text-transform: uppercase; 
	text-align:center;
	/*margin-bottom: 10px;*/
	background-color:#CCFF66;/*#00769D;*/
	color:#00769D;/*white;*/
}
.cabSeccion{
	width:98%;
	border: 1px dotted #CCFF66;
	font: bold 0.7em Verdana, sans-serif;
	letter-spacing: 0.1em;
  	text-transform: uppercase; 
	text-align:center;
	margin-bottom: 5px;
	background-color:#CCFF66;/*#00769D;*/
	color:#00769D;/*white;*/
}
.frase{
	width:100%;
	background-color:white;
  	text-transform: none; 
	text-align:left;
	padding: 0px 0px 5px 0px;
	margin:0px;
	font-size:.65em;
	/*font-weight:bold;*/
}
.cita{
	width:100%;
	background-color:white;
  	text-transform: none; 
	text-align:left;
	padding: 0px 0px 5px 0px;
	margin:0px;
	font-size:.65em;
	text-align:right;
	font-style:italic;
}

.contSeccion{
	width:100%;
	background-color:white;
	font: normal .9em Verdana, sans-serif;
  	text-transform: none; 
	text-align:left;
	padding: 5px 0px 5px 0px;
}
.contSeccion p{
	color:#666666;
	margin-right: 5px;
	margin-left: 5px;
}
.contSeccion ul{
	display:inline;
}
.contSeccion li{
	clear:both;
	list-style-type:none;
	list-style-position: outside;
	padding-top: 5px;
	font-size:1em;
}
.contSeccion ul li label{
	padding-top: 3px;
}
.contSeccion ul li input textarea{
	padding: 0px 0px  0px 0px;
}
a.vinculoSeccion{
	border: 1px dotted #CCFF66;
	letter-spacing: 0.1em;
	padding: 1px 2px 1px 2px;
	margin: 5px 0px 5px 0px;
	background-color:white;/*#CCFF66;*//*#00769D;*/
	color:#00769D;/*white;*/
	text-decoration: none;
}
a.vinculoSeccion:hover{
	background-color:#CCFF66;
	text-decoration: none;
}
.colDcha{
	width: 88%;
	float:right;
}
.colIzda{
	width: 7%;
	float:left;
}
.colIzdaContacta{
	width: 7%;
	float:left;
	height: 20px;
}
.titulo{
	width:100%;
	float:left;
	font-size: 1.5em;
	font-weight: bold;
	color:#666666;
	border-bottom: 1px solid #CCFF66;
	padding-bottom:0px;
	margin-bottom:1px;
	margin-top:0px;
	padding-top:0px;
}
.listaElementos{
	list-style-type:square;
	list-style-position:outside;
	font-weight: normal;
}
.listaElementos li{
	margin-left: 20px;
	padding-left: 15px;
	list-style-type:square;
}
.pieArticulo{
	font-size:10px;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	color:#666666;
}
.pieArticulo ul{
	list-style-type:circle;
	margin-left: 17px;
	/*display:list-item;*/
	font-weight:normal;
}
/* Definición de las áreas contenedoras del formulario
-------------------------------------------------------------------- */
#contenedor{
	width: 775px;
	margin: auto;
}
#cabecera{
	width:100%;
	height: 75px;
	background-color: white;
	margin:5px 0px 0px 0px;
}
#cabTexto{
	font-weight: bold;
	font-size: .9em;
	text-align: center;
	text-decoration: none;
	color: #666666;/*#666666;*/
}
#navegacion{
	width: 100%;
	height: 30px;
	margin:5px 0px 0px 0px;
	border-bottom: 1px dotted #00769D;
	border-top: 1px dotted #00769D;
}
#navegacion ul{
	margin:10px;
	font: bold 0.6em Verdana, sans-serif;
	letter-spacing: 0.1em;
	color:#CCFF66;
}
#navegacion ul li{
  	text-transform: uppercase; 
	display: inline;
	padding: 0px 5px  0px 5px;
}
#navegacion a{
	color: #00769D;
	text-decoration: none;
	text-align:center;
}
#navegacion a:hover{
	background-color:#CCFF66;
	color: white;
}
#cuerpo{
	width: 100%;
	float:left;
	margin:5px 0px 0px 0px;
}
#cuerpoIzda{
	width: 24%;
	float:left;
}
#cuerpoDcha{
	width: 74%;
	float:right;
}
#seccionIzda{
	width: 65%;
	float:left;
}
#seccionDcha{
	width: 33%;
	float:right;
}
#txtUsuario{
width:130px;
}
#txtContra{
width:130px;
}

#pie{
	clear:both;
	width: 100%;
	padding:15px 0px 0px 0px;
	font-size:10px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	color:#666666;
}
#pie img{
border:0px;
}

#pie a{
	color: #00769D;
	text-decoration: none;
}
#pie a:hover{
	text-decoration: underline;
}
#mitadIzda{
	display:inline;
	float: left;
	width:49%;
}
#mitadDcha{
	float: right;
	width:49%;
}
#encuesta{
color:#00769D;
}
#encuesta ul{
	display:inline;
}
#encuesta li{
	clear:both;
	list-style-type:none;
	list-style-position: outside;
	padding-top: 5px;
}
#encuesta ul li label{
	padding-top: 3px;
}
#encuesta ul li input textarea{
	padding: 0px 0px  0px 0px;
}
.tituloEncuesta{
	font-size: 1.5em;
	font-weight: bold;
	color:#666666;
	border-bottom: 1px solid #CCFF66;
	margin-bottom:1px;
}

.temas{
	font: bold 0.6em Verdana, sans-serif;
	text-align:left;
	color: #666666;
	margin:0px;
	width: 99%;
}
.temas ul{
	margin:0px;
	display:inline;
	letter-spacing: 0.1em;
}
.temas li{
	height:30px;
	padding-left:5px;
	padding: 10px 0px 1px 5px;
	border-bottom: 1px solid #CCFF66 ;
	list-style-type:none;
	list-style-position:outside;
}
#noticiasPortada{
	font: bold 0.6em Verdana, sans-serif;
	text-align:left;
	color: #666666;
}
#noticiasPortada ul{
	margin:0px;
	padding-left:0px;
	float:left;
	clear:both;
	width:100%;
	list-style-type:none;
/*	list-style-type:square; */
	list-style-position:outside;
}
#noticiasPortada ul li{
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #CCFF66 ;
}
.articulosPortada{
	width:95%;
	float:left;
	letter-spacing: 0em;
	color: #666666;
	padding:0px 10px;
	font: bold 0.6em Verdana, sans-serif;
	text-align:left;
}
.articulosPortada #noticiasPortada{
	font-size:1em;
}
.articulosPortada .artTitular{
	clear:left;
	text-align:center;
	color:#00769D;
	font-size:1.9em;
	margin:0px;
	padding:0px;
}
.articulosPortada .artAutor{
	text-align:center;
	font-size:1.2em;
	padding:10px 0px 10px 0px;
}
.articulosPortada .artContenido{
	padding:10px 0px 10px 0px;
	text-align:justify;
	font-size:1.2em;
	font-weight:normal;
	color:black;
}
.articulosPortada .artLeerMas{
/*	font: bold 0.6em Verdana, sans-serif;*/
	text-align:right;
	color:#333333;
	font-size:1em;
}
.articulosPortada cite{
	text-align:justify;
	font-size:1.7em;
	margin:0px;
	padding:0px;
	font-weight:bold;
	text-decoration: none;
	font-style: normal;
}
.articulosPortada img{
	padding: 0px 10px 0px 0px;
}
.articulosPortada a{
	letter-spacing: 0em;
}
#subscripcion{
	width:98%;
	float:left;
	letter-spacing: 0em;
	color: #666666;
	padding:0px 10px;
	font: bold 0.6em Verdana, sans-serif;
	text-align:left;
}
#subscripcion p{
	clear: both;
	font-weight: normal;
	color:#666666;
	margin-top: 10px;
}
#subscripcion label{
	float:left;
	width: 35%;	
	margin-left:0px;
	color:#666666;
	border: 1px;
	text-align:right;
	font-size:1em;
}
#subscripcion ul{
	list-style-type: none;
	margin-left: 0px;
	display:inline;
	line-height: 20px;
}
#subscripcion ul li{
}
#subscripcion ul li input{
	margin:0px 0px;
	color:#00769D;
}
/* Barras de los componentes gráficos del formulario
-------------------------------------------------------------------- */
#LogoPortada{
	padding:5px;
}
#imgArticulo{
	float:right;
 	margin: 17px 0px 10px 10px;
}
.imgPortada{
	clear:both;
 	margin: 15px 0px 10px 10px;
}
#imgAutor{
 	margin: 0px 0px 5px 10px;
}
#areaArticulo{
}
.area10{
	width: 5%;
	float:right;

}
.area95{
	width: 95%;
	float:left;

}