/**********************************************
* @style       Básico
* @media       screen
* @version     1.5
* @author      AilonWebs.com
* @copyright   ©2008 AilonWebs.com
* @layout      in pixels:
*              |              980            |
*    1         |   400   |25|  340 |25| 160  |
**********************************************/

*{margin:0px; padding:0px;}
html, body {
   margin:0;
   padding:0;
   height:100%;
}
body{
	margin:0;
	padding:0;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	background-image:url(../imgs/bg_top.gif);
	background-position:0 0;
	background-repeat:repeat-x;
}
/* varios */
a:link, a:visited {
	color: #3F77B2;
	text-decoration: none;
	}
a:hover, a:active {
 	color: #FF0000;
	text-decoration: underline;
	}
a:active{  outline: none;}
a:focus {outline-width: 0px;}
img {  border: none;}
.clear { clear: both; }
.separador{
	clear:both;
	height: 10px;
	display:block;
	width:100%;
}	

#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	min-height:100%;
	position:relative;
	background-color: transparent;
	

}
					* html #container  { 
						min-height:100%;
					} 
					/* Internet Explorer * 
					/*\*/ 
					* html #container  { 
						height:100%;
					} 
					/**/
#cabecera{
	width:100%;
	height:140px !important;
	margin:0;
	padding:0;
	color:#333333;
	background-color:transparent;
	}

#cuerpo{
	display: inline; 
	height:1%;
	width: 980px;
	padding:0 0px 0 0;
	margin: 0;
	}
.anchoall{
	clear:both;
	width:980px;
	margin:10px 0;
	padding:0 0px;
	height:1%;
	font-size:0.76em;
	text-align:center;
}
.cab1{ 
	width:100%; 
	float:left; 
	display:block; 
	height:107px; 
	background-image:url(../imgs/bg_cabecera.jpg); 
	background-position: center top; 
	background-repeat:no-repeat; 
}
.cab2{ 
	width:100%; 
	float:left; 
	display:block; 
	height:32px; 
}
.logo {
	width:570px; /*width:352px;*/
	float:left; 
	display:block; 
	height:67px;
	margin:/*20*/10px 0 0 0px;
	padding:0px;
	
	/*background-color:#FFFF99*/
	}
.logo h1{}	
.logo h1 span{ display:none;}	
.logo div{}
.box_buscar{
	width:200px;
	float:right; 
	display:block;
	height:50px; 
	margin:20px 0 0 0px;
	padding:0px;		
	}

/* +++++++++fecha top ++++++++++++++*/

.fecha{
display: inline;
width: 376px;
height:32px;
float:left;
padding:0px;
margin:0 10px 0 10px;
background-image: url(../imgs/detalle_cab.jpg);
background-position: 20px 10px;
background-repeat:no-repeat;
}
.fecha p{ padding:8px 0 0 80px; font-size:80%; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:right;}

/* +++++++++ menu top ++++++++++*/

.navtop ul li a{float:left}/* solucion para ie6 a width auto li.mainArrow  */

.navtop ul {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	display:inline;
}
li.edgeLeft{
	cursor:default;
	float:left;
	list-style:none;
	text-align:center;
	width:5px;
	height:32px;
	font-size:1px;
	background-image:url(../imgs/edge_left.gif);
}

li.edgeRight{
	cursor:default;
	float:left;
	list-style:none;
	text-align:center;
	width:5px;
	height:32px;
	font-size:1px;
	background-image:url(../imgs/edge_right.gif);
}
li.mainArrow {
	float:left;
	list-style:none;
	text-align:center;
	width: auto !important;
	height:32px;
	background-image:url(../imgs/main_arrow.gif);
}
li.mainArrow a {
	display:block;
	height:26px;
	padding:10px 20px 0px 20px;
	color:#0E2283;
	text-decoration:none;
}
li.divider{
	float:left;
	list-style:none;
	text-align:center;
	width:3px;
	height:32px;
	font-size:1px;
	background-image:url(../imgs/divider.gif);
}
.navtop a:hover {
	cursor: pointer;
	color: #000000;
	text-decoration: none;
	background-image:url(../imgs/bg_on.gif);
	background-repeat:no-repeat;
	background-position: center top;
}

/* +++++++++ articulos ++++++++++++++++++*/

.art_Left{
	float:left;
	width:550px;
	margin:0;
	padding:20px 43px 0 20px;
	height:1%;
	}
.art_Right{	
	float:left;
	width:340px;
	height:1%;
	margin:0 0 9px 0;
	padding:20px 25px 0 0;
	}
.art_Right ol a{ padding-left:2px;}

.migas{
	clear:both;
	float:left;
	width:530px;
	height:auto;
	margin:0px;
	padding:0px 0 10px 10px;
	font-size:70%;
	color: #999999;
	
	font: 70%/102% Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}	
.foto_dr{ float:left; display:block; padding:2px 10px 10px 2px; margin:0px 0px 0 0; width:110px; height:110px;}
.top_articulo{
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:420px;
	height:1%;
}
.col_Left p{
	margin: 0px 0px 4px;
	font-size:90%;
	color: #333333;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
	padding:10px 20px 10px 0px;
}

.art_Left h1{
	font: 200%/102% Georgia, "Times New Roman", Times, serif;
	margin: 10px 0px 7px 10px;
	color:#3F77B2;
}

.art_Left h4{
	font: 100%/102% Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 25px 10px;
	color:#666666;
	font-style:italic;
}
.elarti{ padding:0;margin:0;}

.art_Left p{
	margin: 0px 0px 4px;
	font-size:90%;
	color: #333333;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
	padding:10px;
}

.elarti img{/*padding:10px;*/}

/* ++++++++++++ portada +++++++++++++++++*/
.col_Left h2, .art_Left h2{
	font: 150%/120% Arial, Helvetica, sans-serif;
	margin: 0px 0px 7px 0px;
	padding-left:10px;
	color:#333333;
}
.col_Left ol{
	margin: 12px 0 12px 0;
	padding: 0px 12px;
	list-style:inside;
	list-style-type: decimal;
	font-size:90%;
	}
.col_Left ol li{ padding: 4px 0;}	
.col_Left ol li a{ color:#444;}

.col_Left ol li a:hover{
	color:#0033CC
}	
.col_Left ul{
	margin: 12px 0 12px 0;
	padding: 0px 12px 0 0;
	list-style:inside;
	font-size:90%;
	}
.col_Left ul li{ padding: 3px 0;}	
.col_Left ul li a:hover{color:#0033CC}	

.col_Left{ 
	width:400px; 
	float:left;
	margin:0;
	padding:20px 25px 0 10px;
	height:1%;
}
.col_Center{
	width:340px;
	height:1%;
	float:left;
	margin:0 0 9px 0;
	padding:20px 25px 0 0;
	}
.col_Right{
	width:140px;
	min-height:600px;
	float:left;
	margin:20px 0 9px 0;
	padding:10px;
	overflow:hidden;
	background-image:url(../imgs/bg_col_R.gif);
	background-position: 0 0;
	background-repeat:repeat-x;
}
.col_Right p{font: 80%/160% Arial, Helvetica, sans-serif;text-align:center; }
.estre{	padding:10px 14px 4px;}
.peq{ font-size:86%;}
.ptenue{ color:#999999;}

/* ++++++++++++ +++++ +++++++++++++++++*/
#footer {
	width: 980px;
	background-color: transparent;
	height: 40px;
	left:0;
	
	padding:0px;
	margin:0;
	background-image:url(../imgs/separador.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#footer p{
		color: #999999;
		padding:10px 0 4px;
		margin:10px 0 0 0px;
		text-align:center;
		font-size: 0.7em;
}
#footer a:link, #footer a:visited {
	color: #999999;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #000000;
	text-decoration: underline;
}

/* ++++++++ box articulos portada +++++++*/
.mgt{
width:370px;
display:table;
height:1%;
margin:0 0 9px 0;
padding:15px;
font:10px Arial, Helvetica, sans-serif;
border:1px solid #cccccc;
background-image:url(../imgs/bg_mgt.png);
background-position: bottom left;
background-repeat:repeat-x;
}
.mgt h2{
font: 260%/102% Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 7px;
padding-left:0px !important;
}
.mgt h3{
	font: 130%/102% Arial, Helvetica, sans-serif;
	margin: 0px 0px 7px;
	padding-left:0px !important;
	font-weight:bold;
	color:#333333;
}
.mgt h4{
font: 140%/102% Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 9px;
color:#666666;
font-style:italic;
}
.mgt p{
margin: 0px 0px 4px;
font:140% Arial, Helvetica, sans-serif;
color: #333333;
text-align:justify}
.mgt a{
outline-style:none;
color:#3F77B2;
text-decoration:none;
}
.mgt a:hover{
text-decoration: underline;
}
.limpio{
line-height:1px;
height: 1px;
clear: both;
font-size:1px;
font-weight: normal;}

.lineasepara{
height:1px;
background-color:#d6d6d6;
padding:0;
margin:0px 0px 10px;
line-height: 1px;
font-size: 1px;
font-weight:normal;
}

/* ++++++++++ box muestra portada e indice de la revista ++++++++++++++*/

.porind{
	width:338px;
	height:218px;
	float:left;
	
	border: 1px solid #cccccc;
	background-image:url(../imgs/bg_portind.jpg);
	background-position:0px 1px;
	background-repeat:repeat-x;

}
.porind_L{ 
	float:left;
	width: 168px;
	height:218px;
	margin:0;
	padding:0px;
	text-align:center;
	background-color: transparent;
}
	
.porind_R{
	float:right;
	width:168px;
	height:218px;
	background-image:url(../imgs/bg_portadasmall.jpg);
	background-position:0px 1px;
	background-repeat:no-repeat;
	margin:0;
	padding:0px;
}
.img_P{ padding:0px; width:168px;height:200px;text-align:center; vertical-align:middle;}
.img_P img{margin: 11% auto; vertical-align:middle;}

.fechaport{
color:#FFFFFF;
font: 1.6em/118% Georgia, "Times New Roman", Times, serif;
margin: 0px 0px;
}
 .mes{ float:left; width:100%; padding: 50px 0px 0 0px;} 
  .anyo{ clear: both; float:left; width:100%; padding: 0 0 40px 0;} 
.numport{
color:#333333;
font: 100%/120% Georgia, "Times New Roman", Times, serif;
margin: 0px 0px;
padding: 40px 2px 0 6px;}
.numport span{font: 80%/180% Georgia, "Times New Roman", Times, serif;}

/* ++++++++++        buscar       +++++++++++++  */

.buscaprod{
				float:right;
				width: 180px;
				height:21px;
				margin:6px 0 0 0px;
				padding:0px;
				background-image:url(../imgs/curv_input.gif);
				background-position:0 0; 
				background-repeat:no-repeat;
			}
.curv_L{ width:6px; height:21px; display:block; float:left;}
.curv_R{ width:6px; height:21px; display:block; float:left;}

.bg_buscar input{
			float:left;
			width: 126px;
			height:17px;
			font-size: 0.8em;
			padding: 1px 1px;
			margin-top:1px;
			border: 0px solid #fff;
}
.btn_buscar{ 
	float:left;
	padding:0px 0 0px 6px; 
	margin-top:-2px;	
	}
.btn_buscar a:link, .btn_buscar a:visited {
	display: block;
	padding:0px;
	background-position:0 0;
  	background-repeat:no-repeat;
  	text-decoration: none;
  	text-indent: -9999px;
	font: bold 100% Arial, Helvetica, sans-serif;
  	color: #333;
	width: 25px;
	height:26px;
	background-image:url(../imgs/btn_buscar.gif);	
}
.btn_buscar a:hover, .btn_buscar a:active {  background-position: 0 -25px;}

/* ++++++++ box anuncio 1 ++++++++*/
.box_a1{
	width:338px;
	height:218px;
	float:left;
	margin:9px 0;
	border: 1px solid #cccccc;
}
/* ++++++++ box enviar a un amigo ++++++++*/
.box_enam{
	width:338px;
	height:1%;
	float:left;
	margin:9px 0;
	padding: 10px 0px;
	border: 1px solid #cccccc;
}
.box_enam p {
	margin: 6px 0 12px 0;
	padding: 0px 12px;
	font-size: 0.76em;
}
.box_enam .separaform{ padding-left:30px;}
.box_enam h4{
	color: #ffffff;
	background-color:#8ecc79;
	font-size: 0.8em;
	padding:1px 12px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	margin-bottom:10px;
}
.box_enam form input{
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 0.76em;
	/*height:16px;*/
}
.box_enam dt{font-size: 0.8em; font-style:italic}
.box_enam .peque{font-size: 0.76em;padding-left: 4px;}
.box_enam .separaform {
margin-left:20px;
font-size:90%;
}
.box_enam.estilor2  {vertical-align: middle;}
.box_enam  dd {padding-bottom: 6px;}
.box_enam form textarea {font-family:"Trebuchet MS", Verdana, Arial, sans-serif; width:240px}
.box_enam .submit{ padding: 1px 10px;}

/* ++++++++++++++ box  colaboradores ++++++++++++++++*/

.box_colaboradores{
	width:338px;
	height:1%;
	float:left;
	margin:9px 0;
	border: 1px solid #cccccc;
	padding: 10px 0px;
}	
.box_colaboradores h4{
	font-size:80%;
	font-weight:bold;
	padding:3px 10px;
	background-color:#0dabcd;
	color:#FFFFFF;
	margin-bottom:4px;
}
.box_colaboradores p {
	margin: 6px 0 12px 0;
	padding: 0px 12px; 
}
.box_colaboradores ul, .box_colaboradores ol{
	margin: 12px 0 12px 0;
	padding: 0px 12px;
	list-style:inside;
	list-style-type: decimal
	}
.box_colaboradores ol li a{ color:#000000;}

.box_colaboradores ol li a:hover{
	color:#0033CC
}	
.cell_bora{ display:inline; float:left; margin:0px; padding:5px 10px;}
.bora_izq{ float:left; width:50px; height:50px; text-align:center}
.bora_dcha{ float:left; width:264px; height:1%; }
.bora_dcha p{font-size:0.8em; font-family:Georgia, "Times New Roman", Times, serif}
.bora_dcha span {
	line-height:1em;
	display:block;
	float:left;
	height:1%;
	padding: 5px 0 2px;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

/* ++++++++++++ box otros articulos del colaborador +++++++++++++++++*/

.box_bora_artic{
	font-size: 0.95em;
	line-height: 1.5em;
	color: #333333;
	
	width:338px;
	height:1%;
	float:left;
	margin:9px 0;
	border: 1px solid #cccccc;
	padding: 10px 0px 20px;
}
.box_bora_artic h4{
	font-size:80%;
	font-weight:bold;
	padding:0px 10px;
	background-color:#DAA600;
	color:#FFFFFF;
	margin-bottom:4px;
}
.box_bora_artic p {
	margin: 6px 0 12px 0;
	padding: 0px 12px; 
}
.box_bora_artic ul{
font-size: 0.8em;
	margin: 12px 0 12px 0;
	padding: 0px 12px;
	list-style:inside;
	list-style-type: none;
	}
.box_bora_artic ul li a{color:#000000;}
.box_bora_artic ul li { line-height:1.1em; padding:5px 0px; margin:0; float:left; border-bottom:1px dotted #ddd; width:100%}
.box_bora_artic ul li a:hover{color:#0033CC}	

.box_bora_artic ul li span { clear:both !important; display: block; font-size: 10px; color:#999999}

div.formulario{	margin:0px;	padding:0px;}
div.fila {
	clear: both;
	padding-top: 20px;
	display: block;
	width:550px;
	font-size:0.9em;

  }
div.fila span.etiqueta {
  float: left;
  width: 150px;
  text-align: right;
  padding-right:4px;
  display:inline;
  }
div.fila span.areaform {
  float: left;
  width: 320px;
  text-align: left;  
  display:inline;
  } 
.boton{
	margin: 10px 0px 0px 0px;
	text-align:center;
	line-height: 1.2em;
	font-size:1em;
	height:32px;
	padding:5px;
	}