k/*-CSS estructural para web browser normal-----------------*/
/*-NO PROGRAMAR LOOK&FEEL AQUI-----------------*/


/*-General-----------------------------------------------*/

html {
	overflow-x: hidden;
	overflow-y: auto; }

body   {
	overflow-x: hidden;
	overflow-y: auto;
	text-align: center;
	min-width: 750px;
	/*margin: 0 0 0 24px;   */
	margin:0;
	padding: 0;
	 }
	 
body#phplist{
margin:24px 0 0 0}	 
	
form {
	display:inline;
	margin:0px;
	padding:0px }

a img {
	border:none;
	margin:0px;
	padding:0px }

h1, h2, h3, h4, h5, h6, p, div, ul li, ul, br, ul.dnor, img, hr{
	margin:0px;
	padding:0px }

	
.componentheading {
	 }

.right {
	float:right }

.left{
	float:left }	
	




/*-Main Layout-------------------------------------------*/

#centercontent{
margin:0 auto;
width: 750px !important;
width: 751px ;
text-align: left;
position:relative;
}

.header{
width: 726px;
height: 64px;

}

.topmodule{
width: 726px !important;
width: 727px ;
height: 278px;
position: relative;
z-index: 100
}

#contentpage .floatingintro{
width: 726px !important;
width: 727px ;
height:278px;
position:absolute;
z-index: 10;
top:64px;
left:0px;
}



#contentpage .floatingintro .col6{
text-align:right;
height:220px;
}

#contentpage .col6 .contentitem{
}

.col6 {
width: 480px;
margin: 0 12px 0 0;
float: left;
}

#mainpage .contentitem, #secpageblog .contentitem  {
position:relative 
}

* html #mainpage .contentitem, * html #secpageblog .contentitem{
height:1%;
}
* html #contentpage .contentitem{
height:auto

}

/*.col6 .contentfull 
{
width: 200px;
border:1px red solid
}*/
.col3{
width: 234px;
margin: 0 12px 24px 0;
float: left
}





.moduletable_mm_res_arq .bkgr,
.moduletable_mm_res_soc .bkgr,
.moduletable_mm_res_cul .bkgr,
.moduletable_mm_res_cron .bkgr{
width: 234px;
height:130px;
}


.col3_quin{
width: 220px;
margin: 0 12px 24px 0;
float: left
}

.col3 .contentitem{
margin-bottom: 32px
}

.col3 .col6{
display:none
}

#secpageblog .col6 .floatingintro .col3{
width: auto;
height: auto;
}

#secpageblog .contentintro .floatingintro .col3 h3{
display: none
}

#secpageblog .itemblock{
margin-bottom: 24px}

.moduletable_col3{
padding: 0 0 20px 0;
margin: 0 0 12px 0
 
 }
 
.col2, .contenttoc{
width: 152px;
float: left;

}


.contenttoc{
float: right;
clear: both;
margin-left: 12px;
padding-top: 12px;
}
.contentfull .col2 ul, .contenttoc ul{
margin-bottom:12px;
padding-right:32px;
}

.col4{
width: 316px;
margin: 0 0 0 12px;
float: left
}

.col6 .col2 img{
margin-bottom:12px
}

.col1{
width: 70px;
margin: 0 12px 0 0;
float: left
 
}

.footer{
width: 726px;
margin-bottom: 64px;
position:relative;
}
#contact .lftbox {
	float: left;
	border: 1px solid #ededed;
	background-color: white;
	width: 163px;
	width: 166px !important;
	height: 260px;
	margin: 0;
	padding: 4px 0 0 10px }
	
#contact .rghtbox {
	float: right;
	background-color: #f7f7f7;
	border: 1px solid #ededed;
	border-left: none;
	width: 270px;
	height: 260px;
	margin: 0 0 24px 0;
	padding: 4px 0 24px 12px }
	
	#contact .rghtbox .inputbox {
	background-color: white;
	width: 260px }
	


/*-BOX MODEL FLOAT FIX  http://www.positioniseverything.net/easyclearing.html-------------------------------------------*/

.moduletable_col3:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.moduletable_col3:after {display:inline-table;}

/* Hides from IE-mac \*/
* html .moduletable_col3 {height: 1%;}
* html .col2 {height: 1%;}
* html .col6 {height: 1%;}


.moduletable_col3 {display: block;}
.col2 {display: block;}
/*.col2 img {float: none;margin-right:-3px ;}*/


/* End hide from IE-mac */



/*-top Layout-------------------------------------------*/

#logo{position: absolute;
top: 21px;
z-index: 120
}

* html .floatingintro .col6 img {
margin-right:-3px ;}/* fix for the 3px wide gap in top image*/



.topmodule .col6, .floatingintro .col6{
text-align: right;
margin: 0;
padding:0;
overflow: hidden;
}



 .topmodule .col3, .floatingintro .col3{
height: 220px;
width: 246px;
margin: 0
}




.col3 .floatingintro .col3{
height: auto;
width:auto;
}
.vehicle {
position: absolute;
top: 108px;
left:0px;
width: 316px;
z-index: 100;
}

.countdown{
position: absolute;
left:0px;
top:0px;
width: 316px;
z-index: 50;
}

.pagetitle{
position: absolute;
width: 1024px;
height: 14px;
right:270px;
top: 284px;
z-index: 150;
}

.pagetitle .moduletable{
width:496px;
float:right
}

.topmodule .readon{
margin-left: 500px;
}


/*------------ advertising layout---------------*/


.moduletable_adserver_mm {
position: relative;
width: 528px;
margin: 24px 0 64px -42px;
float: left;
text-align: left
}

.moduletable_adserver_180x150 {
position: relative;
width: 234px;
margin: 12px 0 64px -24px;
text-align: left
}

.moduletable_adserver_mm .bkgr{
padding: 12px 0 12px 42px;
 }
 
 .moduletable_adserver_180x150 .bkgr{
padding: 12px 0 12px 24px;
 }



.moduletable_adserver_mm .bkgr h3,
.moduletable_adserver_180x150 .bkgr h3{
position: absolute;
top: -12px}

/*------- gallery layout -----------------*/

.moduletable_gallery{
margin: 24px 0 12px 0;
position:relative
}
.moduletable_gallery .bkgr{
padding-top:12px;
position:relative
}

.moduletable_gallery .bkgr h3{
top:-10px !important;
top:-12px;
left:0 !important;
left:-240px;
position:absolute
}

/*-design-------------------------------------------*/

body{
background-color: #887777
}

a{
text-decoration: none}

a:hover{
 color: #ff6600;
}

a:link, a:visited {
 /*color: #fcc;*/
 color: #cceeff;
}

.topmodule .readon{
 font-family: Arial, Verdana, san-serif;
 font-size: 11px;
	}

h1,h3, .moduletable_col3 .rssTitle, div.blog_more div, .componentheading, .componentheading_ {
font-family: Impact, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 text-transform: uppercase;
 padding: 0 0 0 8px;
 margin: 0 0 3px
}

div.blog_more div{
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
h1, .componentheading { 
 font-size: 14px;
 color: #fcc;
 }
 
  .BlogOutput h3, .col6 h3, .blog_more div, .componentheading_{
font-size: 11px;
 color: #fcc;
}

.col4{
text-align: justify
}



.topmodule{
}

a.contentpagetitle:link, a.contentpagetitle:visited {
 color: #fcc;
}

a.contentpagetitle:hover {
 color: #ff6600;
}
 
 
table{
margin-bottom: 6px}
 
p,
ul,
table,
.commentbox .col2 p{ 
font-family: "Trebuchet MS", Arial, Verdana, san-serif;
 font-size: 11px;
  color: white;
  padding: 0 0 0 8px;
  list-style-type: none;
  list-style-image: none; }
  
  
.commentbox .col2 p{
color: #554444
}  
  
  p{
  line-height: 13px}
  
div.credentials{
font-family: Arial, Verdana, san-serif;
 font-size: 9px;
 margin-bottom:8px
}
div.credentials span{
 color: #ff9999;
}
 
 .pagenavcounter{
  color: #ff9999;
 font-family: Arial, Verdana, san-serif;
 font-size: 9px;
 margin:0 0 8px 8px;
 width:200px;
 }
 
 /* table design */
 .sectiontableheader{
 height: 16px;
 color:black;
 background-color: #aa9999
 }
 
  tr{
line-height:18px;
border-bottom: 1px white solid }


 .sectiontableentry1{
    background-color: #776666}
    
 .sectiontableentry2{
 background-color: #665555}
 
  ol{
  font-family: "Trebuchet MS", Verdana, Arial, san-serif;
 font-size: 10px;
  color: white;
  margin:24px 0px 18px 0 !important;
  margin:auto;
  list-style-type: decimal;
  }
  
  ol li{
  margin-bottom:6px}
  
  table{margin: 12px 0 24px 0}

.contentitem p{
line-height: 14px;
margin: 0 0 8px 0
}

#contentpage .contentitem p {
font-family: Georgia, times, serif;
line-height: 16px;
 font-size: 12px;
}
 
.createdate, .author, .blogpagination, .pagenavbar, .commentsbar{
 font-family: Arial;
 font-size: 9px;
 margin-bottom: 12px;
 letter-spacing: 1px;
 margin-left:8px;

 }
 

 
  .blogpagination, .pagenavbar {margin:24px 0 24px 0 }
 
  .author{
margin-bottom: 4px;
color: #666
}
  
 .createdate{
  color: #999;
 }
 
 .blog .readon{
 margin: 0 0 32px 0

 }
 
.col2 .readon{
 margin: 0 0 0px 0

}
 
 .readon a:link,  .readon a:visited {
 color: #ff6600;
 }

 .moduletable_col3{
/*border-bottom: 1px solid #ccc */
 }
 
   .col3 > .moduletable_col3:last-child {
  border-bottom: 0px white solid 

  }
 
 .moduletable_col3 p, .moduletable_col3 li, .col2 li{
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 font-size: 11px;
 line-height: 13px;
 }
 
  .moduletable_col3 p{
  margin-bottom: 4px}
  
   .moduletable_col3 p em{
 color: #ed9016;
}
  

  .footer{
}

  .mosimage_caption{
 font-family: Arial, san-serif;
 font-size: 10px;
 color: white;
 margin: 4px 0 0px 0;
 }
 
 .small{
 font-family: Arial, san-serif;
 font-size: 9px;
 color: #999;
 }
 
 .small a:link,.small a:visited{
 color: #999
 }
 .moduletable_col3 h3, .moduletable_col3 .rssTitle, .sectiontableheader{
 font-size: 10px;
 color: white;
  text-transform: uppercase;
 }
 
 .topmodule .col3, .floatingintro .col3 {
  background-image: url(../images/shred.png) !important;
  background-image: url(../images/shred.gif);
  background-repeat: repeat-y;
 background-position: right top;
 
}

 .tmoduletable_adserver_mm .bkgr, .commentbox{
  background-image: url(../images/shred_lite.png) !important;
  background-image: url(../images/shred_lite.gif);
  background-repeat: repeat-y;
 background-position: right top;
 
}

.commentbox{
 background-position: right 50%;
 padding-top:12px;
 padding-bottom:16px;
}

.commentbox .col4 {
display:block;
}

.commentbox .col4 p{
display:block;
margin-right:24px;
text-align:left;
}


.shreded_pict {
position:relative;
}

.col6 .shreded_pict{
margin: 12px 0 12px 8px;
padding:0;
}

.col6 .col2 .shreded_pict{
margin:0}

.shreded_pict .shred{
display:block;
position:absolute;
right:0px;
width:100%;
height:100%;
  background-image: url(../images/shred_picture.png) !important;
  background-image: url(../images/shred_picture.gif);
  background-repeat: repeat-y;
 background-position: right top;
}

#contentpage .col6 .col2{
margin-bottom:12px;
}


.topmodule p,
#mainpage .topmodule .floatingintro h3,
#secpageblog .topmodule .floatingintro h3,
#secpageblog .topmodule .floatingintro p,
#contentpage .floatingintro .col3 h3,
.contentpaneopen .floatingintro h3,
#contentpage .floatingintro p
{
padding: 0 24px 0 20px;
background-position: 12px 3px;
}



.col3 .blog .floatingintro .col3 h3, .col3 .blog .floatingintro .col3 p.small{
display:none
}

.topmodule  h3 {
padding:0 0 0 8px;
/*color: #ed9016;*/
 color: #fcc;
font-size: 18px;
font-family: Impact, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 text-transform: uppercase;
 margin: 0 0 3px 
}

h4 {
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
background: none;
padding:0 0 0 8px;
/*margin: 12px 0 24px 0*/;
color: #ed9016;
font-size: 12px;
}

.col2 h4 {
margin: -12px 0 12px 0;

}

#mainpage .contentpaneopen .floatingintro p{
padding:0 0 0 8px;

}

#mainpage .topmodule .contentpaneopen .floatingintro p{
padding:0 12px 0 20px;
font-size: 10px;

}

#contentpage .contentitem .floatingintro p{
  font-family: "Trebuchet MS", Verdana, Arial, san-serif;
  line-height: 13px;
 font-size: 11px;
 
 padding: 0 24px 0 20px;

}

.pagetitle{
background-color: #aa9999
}

.pagetitle h2 span{ visibility: hidden; }


#contentpage .contentitem .col6 p{
text-align: left
}

#contentpage .col6 .col3 p{
text-align: left
}


/*----Module design---*/

/*----Module design main menu---*/
.topmodule .commentsbar,
#mainpage .col6 .moduletable .commentsbar
{
display:none
}

hr{
border:1px #544444 dashed;
padding: 0;
margin:12px 0 12px 0 !important;
margin:6px 0 6px 0;

}

div.moduletable_mm_res_arq,
div.moduletable_mm_res_cul,
div.moduletable_mm_res_cron,
div.moduletable_mm_res_soc{
	background-repeat: no-repeat;
	background-position: right top;
}

div.moduletable_mm_res_arq{
background-image: url(../../../images/stories/mm_sections/arquitectura/rotate.php);
}

div.moduletable_mm_res_cron{
background-image: url(../../../images/stories/mm_sections/cronicas/rotate.php);
}

div.moduletable_mm_res_soc{
background-image: url(../../../images/stories/mm_sections/sociales/rotate.php);
}

div.moduletable_mm_res_cul{
background-image: url(../../../images/stories/mm_sections/culturales/rotate.php);
}

.moduletable_mm_res_arq .bkgr,
.moduletable_mm_res_cron .bkgr,
.moduletable_mm_res_soc .bkgr,
.moduletable_mm_res_cul .bkgr{
  background-image: url(../images/shred.png) !important;
  background-image: url(../images/shred.gif);
  background-repeat: repeat-y;
 background-position: right top;
}

.latestnews_mm_res_arq .bkgr,
.latestnews_mm_res_cron .bkgr,
.latestnews_mm_res_soc .bkgr,
.latestnews_mm_res_cul .bkgr{
  background-image: url(../images/shred.png) !important;
  background-image: url(../images/shred.gif);
  background-repeat: repeat-y;
 background-position: right top;
}

.moduletable_mm_res_cron .bkgr{
 background-position: right -130px;
}

.moduletable_mm_res_soc .bkgr{
 background-position: right -260px;
}

.moduletable_mm_res_cul .bkgr{
 background-position: right -390px;
}


ul.latestnews_col3, .blog_more ul, #mainlevel_col3, .col2 ul, ul.newsfeed_col3{
margin-top:12px

}

  .moduletable_col3 table{
    padding: 0 0 0 0px
  }
  
 li.latestnews_mm_res_arq,
li.latestnews_mm_res_cron,
li.latestnews_mm_res_soc,
li.latestnews_mm_res_cul{
padding-right:16px
}
 .contenttoc ul li, 
 .contentitem ul.col2 li,
li.latestnews_col3,
 .blog_more  li,
 #mainlevel_col3  li ul li,
 .col2 ul li,
 li.newsfeed_col3,
 li.latestnews_mm_res_arq,
li.latestnews_mm_res_cron,
li.latestnews_mm_res_soc,
li.latestnews_mm_res_cul
{
	margin-bottom: 4px;
	padding-left:12px;
	display: block;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	line-height: 16px;
}

#mainlevel_col3 span
{
	font-family: "courier new", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	color: #ccbbbb;
	font-weight: bold;
}
.col2 ol {
	padding-left:12px;
	list-style-position: outside; 
}
.col2 ol li{
	margin-bottom: 4px;

}

.moduletable_adserver_mm .bkgr,
.moduletable_adserver_180x150 .bkgr,
.moduletable_gallery .bkgr,
.contenttoc
{
 background-image: url(../images/shred_lite.png) !important;
  background-image: url(../images/shred_lite.gif);
  background-repeat: repeat-y;
 background-position: right top;
}

.moduletable_gallery .bkgr{
margin-left:8px;
padding-bottom:16px}

.moduletable_gallery{
text-align:center}

/*--PHPList subscription design    -*/

.required{
 color: #fcc;

}

font.required{
margin: 0 0 0 8px}

/* cajas redondeadas de la quiniela */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 text-transform: uppercase;
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 8px 8px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 16px;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 12px 12px;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

*/
.sIFR-hasFlash .topmodule h3,.sIFR-hasFlash .floatingintro .col3 h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 18px;
	width: 175px
}


.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 18px;
}

.sIFR-hasFlash .contentfull  h4{
	visibility: hidden;
	font-size: 12px;
	margin-top:18px;
	display:block;
	width:200px;
}

.sIFR-hasFlash .contentfull .col2 h3, .sIFR-hasFlash .contenttoc h3{
	visibility: hidden;
	font-size: 14px;
	width: 140px;
}

.sIFR-hasFlash h1,
.sIFR-hasFlash h2,
.sIFR-hasFlash .componentheading{
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 16px;
	padding-left:5px;
}

.sIFR-hasFlash  .topmodule  h1 {
	visibility: hidden;
	letter-spacing: -10px;
	font-size: 16px;
	width: 175px
}

.sIFR-hasFlash .contentfull .moduletable_gallery .bkgr h3{
	visibility: hidden;
	font-size: 18px;
}

/*
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/