/* http://www.alistapart.com/articles/holygrail/ */

/*** The Essential Code ***/

		body {
			min-width: 1000px;   /* 900px */      /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
		}

		#container {
			padding-left: 180px;      /* LC fullwidth */
			padding-right: 330px; /* 150px; */    /* RC fullwidth + CC padding */  
			padding-bottom:32px;
		}
		
		#container .column {
			position: relative;
			float: left;
		}
		
		#center {
			margin: 0px 10px; /* 10px;*/  /* 20px */  /* padding: 10px 20px; */       /* CC padding */
			width: 100%;
		}
		
		#left {
			width: 160px;             /* LC width */
			padding: 0 10px;          /* LC padding */
			right: 200px;    /* 220px */         /* LC fullwidth + CC padding */
			margin-left: -100%;
		}
		
		#right {
			width: 300px; /* 120px; */             /* RC width */
			padding: 0 0px;   /* */       /* RC padding */
			margin-right: -100%;
		}

#right .banner
{
    			clear:both;
} /* para que no se pisen por bgimages */
		
		#footer {
			clear: both;
		}
		
		/*** IE Fix ***/
		* html #left {
			left: 140px;              /* RC fullwidth */
		}

		/*** Just for Looks ***/

		body {
			margin: 0;
			padding: 0;
		}

		#header, #footer {
			font-size: large;
			text-align: center;
			padding: 0.3em 0;
		}

		#container .column {
			/* padding-top: 10px; */ /* 1em; */
			/* text-align: justify; */
		}
		
		#header .logo {
		    float: left;
		    padding-left: 10px;
		}
		
body { background-color: #0073BB; /* 310042 */ /* url('./images/degra1.jpg') repeat center; */ }
a img { border-style:none; } /* quitar el borde asqueroso cuando las img son links */

/* tipografía base */
body { font: 14px 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; }


#footer { background: #333D67; color: #FFFFFF; }

/* *********** FORMATOS PUBLICIDAD *************** */
#header  {
overflow:hidden;
}
#header .banner {
   /* display:none; */
  /* position: absolute; */
  /* float:left; */
overflow:hidden;
  /*  right:1px; */
}

#left .ban3ner { margin-top:5px; margin-bottom:5px; } /* quitar el borde asqueroso cuando las img son links */
#left .banner a img { padding-top:5px; padding-bottom:5px; } /* quitar el borde asqueroso cuando las img son links */



    
/* *********** MENU LATERAL ****************** */
#left .menu1 ul {list-style-type: none; margin: 0; padding: 0; }
#left .menu12 ul a img { float:left; /* margin-top:-3px;*/ margin-left:-5px; vertical-align:middle; }

#left .menu1 ul a img { float:right; /* margin-top:-3px; */ margin-right:5px; vertical-align:middle; }

#left .menu1 li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(./images/menu1.gif) 100% 0;
    height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;}	
#left .menu1 li a:link { color: #642D78; }
#left .menu1 li a:visited {	color: #642D78;}
#left .menu1 li a:hover{ color: #74009E; background-position: 100% -64px; }
#left .menu1 li a.selected { color: #74009E; background-position: 100% -32px; }

/* ***************** MENU HORIZONTAL **************************************** */

#center .menu1 ul {list-style-type: none; margin: 0; padding: 0; text-align:center; }

#center .menu1 ul a img { float:right; /* margin-top:-3px; */ margin-right:5px; vertical-align:middle; }

#center .menu1 li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	float:left;
	display: inline;
	width:150px;
	margin:2px;
	background: transparent url(./images/menu1.gif) 100% 0;
    height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 5px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;}	
#center .menu1 li a:link { color: #642D78; }
#center .menu1 li a:visited {	color: #642D78;}
#center .menu1 li a:hover{ color: #74009E; background-position: 100% -64px; }
#center .menu1 li a.selected { color: #74009E; background-position: 100% -32px; }



/* .column {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	} */

/** MENU HORIZONTAL NAVEGACION ***/

#center .menunav1 {
width: 99%;
overflow: hidden;
/* border-bottom: 1px solid #CC92E9; */ /*bottom horizontal line that runs beneath tabs*/
background: #BDD2FF;
padding-bottom: 10px;
padding-top: 2px;
height:24px;
}

#center .menunav1 p {
    float:left;
   /* position:relative;
    left:0.5em; */
    font: bold 20px 'Trebuchet MS', Helvetica, sans-serif;
    color: #FFFFFF;
    margin:0 0 0 0;
    padding:0 0 0 0;
    height:16px;
    vertical-align: middle;
}

#center .menunav1   ul{
margin: 0;
padding: 0;
/* padding-left: 5px;*/  /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

#center .menunav1 li{
display: inline;
margin: 0;
}

#center .menunav1  li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid #BDD2FF; /*right divider between tabs*/
color: white;
background: #05639D; /* #414141;*/  /*background of tabs (default state)*/
height:16px;
}

#center .menunav1  li a:visited{
color: white;
}

#center .menunav1  li a:hover, .mattblacktabs li.selected a{
background: #75B0E3;
color:#000000;
}

#center .menunav1 li .addthis_toolbox
{
    float:right;
    /* width:135px; */
    position:relative;
    right:10px;
}

#center .menunav1  li form
{
background: #710096;
float: right;
position:relative; top:0px;
margin-right:10px;
/* display:block; */
width:250px;
height:30px;
overflow:hidden;
}

#center .menunav1  li form .campo {
/* float:right;
position:relative; top:-10px;   */
font-size:110%;
width:140px;
height:18px;
margin-left:5px;
margin-top:3px;
overflow:hidden;
}

#center .menunav1  li form .boton {
float:right;
font-size:110%;
width:70px;
min-width: 70px;
height:26px;
font: bold 12px Verdana;
margin-top:2px;
overflow:hidden;
}

/* MENU LINKS HORIZONTAL */

#center .menulinks {
width: 99%;
overflow: hidden;
/* border-bottom: 1px solid #CC92E9; */ /*bottom horizontal line that runs beneath tabs*/
/* background: #CC92E9; */
padding-bottom: 3px;
padding-top: 3px;
height:96px;
text-align:center;
}

#center .menulinks ul{
margin: 0;
padding: 0;
/* padding-left: 5px;*/  /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

#center .menulinks li{
display: inline;
margin: 0;
width:122px;
height:90px;
margin-left:1px;
margin-right:1px;
}

#center .menulinks li a { text-decoration: none; }

#header .slogan {
    position:relative;
    float:right;
	right: 10px;
 width: 70px;
 height:90px;
overflow: hidden;
padding-bottom: 4px;
padding-top: 2px;
}


#header .menulang {
    position:relative;
    float:right;
	right: 10px;
 
 /* width: 50%; */
overflow: hidden;
/* background: #CC92E9; */
padding-bottom: 4px;
padding-top: 2px;
}

#header .menulang   ul{
margin: 0;
padding: 0;
padding-left: 5px;
font: bold 12px Verdana;
list-style-type: none;
}

#header .menulang  li{
display: block;
margin: 0;
    width: 70px;
    font-size:10px;
}

#header .menulang   li a{
float: left;
/* display: block; */
text-decoration: none;
margin: 0;
padding: 7px 8px;
/* border-right: 1px solid #642D78; */
color: white;
background: #710096;
}

#header .menulang   li a:visited, #header .menulang li a:link
{
color: #FFFFFF; /* #710096; */
}

#header .menulang   li a:hover, #header .menulang li.selected a{
background: #CC92E9;
}







/* *************** MODELO COLUMNA ************************** */
/* #center
  {
    border:2px solid #CC92E9;
    background: #F8F0F9;
  } */
  
/* #center p { font: 16px "Georgia", serif;
    text-align: justify;
    padding: 0.5em 1em 0.5em 1em; } */ /* top,left,bottom,right */ 
    
/* #center h1
 { font: 24px Verdana, Geneva, sans-serif;
    } */

 #center h1 a  {
    font: 120% Verdana, Geneva, sans-serif;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}

/*** MODELO CAJAS ESQUINAS REDONDAS ****/
/** http://blog.benogle.com/2009/04/29/css-round-corners/ **/
/*** box1 caja con borde ***/
.caja1b1, .caja1b2, .caja1b3, .caja1b4{font-size:1px; overflow:hidden; display:block;}
.caja1b1 {height:1px; background:#CC92E9; margin:0 5px;}
.caja1b2 {height:1px; background:#F8E0FC; border-right:2px solid #CC92E9; border-left:2px solid #CC92E9; margin:0 3px;}
.caja1b3 {height:1px; background:#F8E0FC; border-right:1px solid #CC92E9; border-left:1px solid #CC92E9; margin:0 2px;}
.caja1b4 {height:2px; background:#F8E0FC; border-right:1px solid #CC92E9; border-left:1px solid #CC92E9; margin:0 1px;}
.caja1contentb {background: #F8E0FC; border-right:1px solid #CC92E9; border-left:1px solid #CC92E9;}
.caja1contentb div {margin-left: 5px;}
.caja1b { margin-top:0px; margin-bottom:5px; }

/*** box1 caja con borde color2 ***/
.caja3b1, .caja3b2, .caja3b3, .caja3b4{font-size:1px; overflow:hidden; display:block;}
.caja3b1 {height:1px; background:#75B0E3; margin:0 5px;}
.caja3b2 {height:1px; background:#BDD2FF; border-right:2px solid #75B0E3; border-left:2px solid #75B0E3; margin:0 3px;}
.caja3b3 {height:1px; background:#BDD2FF; border-right:1px solid #75B0E3; border-left:1px solid #75B0E3; margin:0 2px;}
.caja3b4 {height:2px; background:#BDD2FF; border-right:1px solid #75B0E3; border-left:1px solid #75B0E3; margin:0 1px;}
.caja3contentb {background: #BDD2FF; border-right:1px solid #75B0E3; border-left:1px solid #75B0E3;}
.caja3contentb div {margin-left: 5px;}
.caja3b { margin-top:0px; margin-bottom:5px; }

/*** box2 caja con borde y titulo ***/
.caja2b1h, .caja2b2h, .caja2b3h, .caja2b4h, .caja2b2bh, .caja2b3bh, .caja2b4bh{font-size:1px; overflow:hidden; display:block;}
.caja2b1h {height:1px; background:#75B0E3; margin:0 5px;}
.caja2b2h, .caja2b2bh {height:1px; background:#BDD2FF; border-right:2px solid #75B0E3; border-left:2px solid #75B0E3; margin:0 3px;}
.caja2b3h, .caja2b3bh {height:1px; background:#BDD2FF; border-right:1px solid #75B0E3; border-left:1px solid #75B0E3; margin:0 2px;}
.caja2b4h, .caja2b4bh {height:2px; background:#BDD2FF; border-right:1px solid #75B0E3; border-left:1px solid #75B0E3; margin:0 1px;}
.caja2b2bh, .caja2b3bh, .caja2b4bh {background: #F2F2F2;}
.caja2headh {background: #BDD2FF; border-right:1px solid #75B0E3; border-left:1px solid #75B0E3;}
.caja2headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.caja2contenth {background: #F2F2F2; border-right:1px solid #75B0E3; border-left:1px solid #75B0E3;}
.caja2contenth div {margin-left: 12px; padding-top: 5px;}
.caja2b { margin-top:0px; margin-bottom:5px; }

.caja2headh h3 { font-family: Arial,Tahoma,Verdana,sans-serif; font-size: 19px; font-weight: bold; text-align:center; }

/*** box9 caja central con borde y titulo y min-height diseño no liquido < 1024  ***/
.caja9b1h, .caja9b2h, .caja9b3h, .caja9b4h, .caja9b2bh, .caja9b3bh, .caja9b4bh{font-size:1px; overflow:hidden; display:block;}
.caja9b1h {height:1px; background:#75B0E3; margin:0 5px;}
.caja9b2h, .caja9b2bh {height:1px; background:#BDD2FF; border-right:2px solid #75B0E3; border-left:2px solid #75B0E3; margin:0 3px;}
.caja9b3h, .caja9b3bh {height:1px; background:#BDD2FF; border-right:1px solid #75B0E3; border-left:1px solid #75B0E3; margin:0 2px;}
.caja9b4h, .caja9b4bh {height:2px; background:#BDD2FF; border-right:1px solid #75B0E3; border-left:1px solid #75B0E3; margin:0 1px;}
.caja9b2bh, .caja9b3bh, .caja9b4bh {background: #F2F2F2;}
.caja9headh {background: #BDD2FF; border-right:1px solid #75B0E3; border-left:1px solid #75B0E3;}
.caja9headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; text-align:center;}
.caja9contenth {background: #F2F2F2; border-right:1px solid #75B0E3; border-left:1px solid #75B0E3;}
.caja9contenth div {margin-left: 12px; padding-top: 5px; margin-right:12px; }
.caja9b { margin-top:0px; margin-bottom:5px; }
/* .caja9b { min-width:480px; min-height:350px; } */ /* diseño no liquido < 1024 */

.caja9con333333tenth div { min-width:480px; min-height:350px; }

/*** boxadmin caja central con borde y titulo y min-height diseño no liquido **/
.cajaadmin
{
background: #F8F0F9;
border:2px solid #CC92E9;
font-size:100%;
padding-left:1em;
padding-right:1em;
}
.cajaadmin .titulo h1
{
font-size:120%;
color:#B7360F;
border:0px;
text-align:center;
}

.cajaadmin h3
{
font-size:110%;
color:#710096;
border:0px;
/* margin-bottom:1em; */
/* padding:2em; */
}

.cajaadmin h2
{
font-size:110%;
color:#710096;
border:0px;
/* margin-bottom:1em; */
/* padding:2em; */
}

.cajaadmin .contenido div
{
font-size:100%;
color:#000000;
}


body p { margin-left: 1em; margin-right:1em; }


#center h2 { margin-left: 1em; margin-right:1em; color:#6A008C; 
    font-size:110%;
    font-weight:bold;
}

/** MODELO DE FORMULARIOS **/

#contacto form { margin-left:1em; margin-right:1em; }

#contacto form fieldset {
  border:1px solid; /* #F2C8F8; */
  margin-top:0.5em;
  clear:both;
  }

#contacto form legend {  font-size:90%;  font-style:italic; margin-top:0.25em; }

#contacto form fieldset ul{
        margin: 0;
        padding: 0;
        list-style-type: none; }

#contacto form fieldset  li{
    width:50%;
    display: inline;  }

#contacto form label {
display: block;
font-size:90%;
width:20%;
min-width: 20%;
float: left;
margin-top: 0.5em; ; margin-bottom:0.5em;
/* line-height:1.5em;
vertical-align:middle; */
}

#contacto form em { display:block; float:left; margin-top: 0.5em; ; margin-bottom:0.5em; ; }

#contacto form input, #contacto form select {
display: block;
font-size:90%;
width:25%;
min-width: 25%;
float: left;
margin-top: 0.5em; ; margin-bottom:0.5em; ; 
margin-left: 1em;
}

#contacto form textarea {
display: block;
width:25%;
min-width: 25%;
float: left;
margin-left: 1em;
margin-top:0.5em; 
margin-bottom: 0.5em; color:#123400;
}

#contacto form .doublecol { width:50%; min-width:50%;}
#contacto form .fullcol { width:75%; min-width:75%; }
#contacto form .len5 { width:3em; min-width:5em; }


#contacto form label {
/* color: #310042; */
text-align: right;
font-weight:bold;
}

#contacto form br {clear: left;}

#contacto form .remark {
  font-size:90%;  
  display:block;
  text-align:left;
  font-style:italic;
  float:left;
  clear:left;
  position:relative;
  margin-top: -0.5em;
  padding-left:1em;
  margin-left:20%;
  margin-right:1em;
}

#contacto form .notas
{
    float:right;
    font-size:80%;
    font-style:italic;
    text-align:right;
    margin:0;
    padding:0;
}

#contacto form .submit { font-size:120%; font-weight:bold;
     text-align:center; position:relative; left:30%; clear:both;
     cursor:pointer; cursor:hand; }


      /* COLORES */

#contacto form input:hover, #contacto form select:hover, #contacto form textarea:hover
{
    /* background-color:#F8E0FC; */
    border:1px dotted #CC92E9;
    cursor:pointer; cursor:hand;
}      

#contacto form input:focus, #contacto form select:focus, #contacto form textarea:focus
{
    background-color:#F8E0FC;
    border:1px dotted #CC92E9;
} 

#contacto form input, #contacto form select, #contacto form textarea
{
    /* border:1px solid transparent; */
    border:1px solid #CC92E9;
}    

      
#contacto form fieldset {  border-color:#F2C8F8; }
#contacto form legend {   color: gray; }
#contacto form label { color: #310042; }
#contacto form .remark { color: #4B4B4B; }
#contacto form em, form .notas { color: #FF0000; }
#contacto form .submit { background-color: #F2C8F8; }

#contacto form .hint
{
  border: 1px solid #c93;
  color:#ff0000;
  background-color: #ffc;
  /* visibility: hidden; */
  display:none;
  clear:both;
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
  font-weight:bold;
  font-size:90%;  font-style:italic;

  /*  opacity: 0.4;
    filter:alpha(opacity=40);
    -moz-opacity:0.4; */


}

/*
.trans{ 
    opacity: 0.4;
    filter:alpha(opacity=40);
    -moz-opacity:0.4; 
} */

/***************************** GALERIA DE IMAGENES *********************/
#galeria div { width:100% }

#galeria .simple
{
  float: left; 
  width: 225px; /* width:160px; */
  min-height:110px; /* min-height: 255px; */
  height: 110px; /* height:255px; */

  margin-top:2px;
  margin-bottom:2px;
  margin-left:2px;
  margin-right:2px;
  padding-top:0px;
  text-align:center; 
 /* background:#D9BDE7; */ /* #CC92E9; */
  background: url(images/mosaico-simple.gif) 100% -110px no-repeat;
 /*   background: url(images/mosaico-simple.gif) 100% 0px no-repeat; */
}

#galeria .simple a img {
    float:left;
    padding-left:5px;
    padding-top:0px;
    width: 100px; /* width:150px; */
    height: 100px; /* height:225px; */
    margin-top:4px;
}

#galeria .simple .titulo
{
    float:left;
    position:relative;
    left:5px;
    top:5px;
    width:110px;
    height:3em;
    font: 13px "Arial", serif;
    font-weight: bold; text-align:center;
    color:#000000;
    /* background:#FF0000; */
    overflow:hidden;
}

#galeria .simple .visitas
{
    float:left;
    position:relative;
    left:5px;
    width:110px;
    height:2.5em;
    /* background:#00FF00; */
    font: 9px "Arial", serif;
    font-style:italic;
    font-weight: normal; text-align:center;
     color:#74627A;
}

#galeria .simple .votado
{
    float:left;
    position:relative;
    left:5px;
    width:110px;
    height:2em;
    margin-top:5px;
    /* background:#0000FF; */
    font-size: 11px; text-align:left;
    font: 10px "Arial", serif;
    font-style:italic;
    color:#000000;
}

/* #galeria .simple .ranking0  { float:left; position:relative; left:5px; width:90px; height:16px; background: none; }
#galeria .simple .ranking5  { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% 0px no-repeat; }
#galeria .simple .ranking10 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -16px no-repeat; }
#galeria .simple .ranking15 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -32px no-repeat; }
#galeria .simple .ranking20 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -48px no-repeat; }
#galeria .simple .ranking25 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -64px no-repeat; }
#galeria .simple .ranking30 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -80px no-repeat; }
#galeria .simple .ranking35 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -96px no-repeat; }
#galeria .simple .ranking40 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -112px no-repeat; }
#galeria .simple .ranking45 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -128px no-repeat; } 
#galeria .simple .ranking50 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -144px no-repeat; }
*/

#galeria .multi
{
  float: left; 
  width: 110px; /* width:160px; */
  min-height:200px; /* min-height: 255px; */
  height: 200px; /* height:255px; */

  margin-top:2px;
  margin-bottom:2px;
  margin-left:2px;
  margin-right:2px;
  padding-top:0px;
  text-align:center; 
 /* background:#D9BDE7; */ /* #CC92E9; */
/*  background: url(images/mosaico-multi.gif) 100% -200px no-repeat; */
    background: url(images/mosaico-multi.gif) 100% 0px no-repeat;
}

#galeria .multi .categoria
{
    float:left;
    position:relative;
    left:5px; 
    top:5px;
    width:100px;
    height:24px;
    font: 12px "Arial", serif;
    font-weight: bold; text-align:center; font-style:italic;
    color:#333D67;
/* background:#FF0000; */
    overflow:hidden;
    clear:left;
}

#galeria .multi a img {
    float:left;
    position:relative;
    left:5px;
    /* padding-top:0px; */
    width: 100px; /* width:150px; */
    height: 100px; /* height:225px; */
    /* margin-top:4px; */
    clear:left;
}

#galeria .multi .titulo
{
    float:left;
    position:relative;
    left:5px;
/*    top:5px; */
    width:100px;
    height:36px;
    font: 13px "Arial", serif;
    font-weight: bold; text-align:center;
    color:#000000;
/*background:#FF0000; */
    overflow:hidden;
    clear:left;
}

#galeria .multi .visitas
{
    float:left;
    position:relative;
    left:5px;
    width:100px;
    height:16px;
/* background:#00FF00; */
    font: 9px "Arial", serif;
    font-style:italic;
    font-weight: normal; text-align:center;
    color:#74627A;
    clear:left;
}

#galeria .multi .votado
{
    float:left;
    position:relative;
    left:5px;
    width:100px;
    height:2em;
    /* margin-top:5px; */
/* background:#0000FF; */
    font-size: 11px; text-align:left;
    font: 10px "Arial", serif;
    font-style:italic;
    color:#000000;
    clear:left;
}

#galeria .ranking0  { float:left; position:relative; left:5px; width:90px; height:16px; background: none; }
#galeria .ranking5  { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% 0px no-repeat; }
#galeria .ranking10 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -16px no-repeat; }
#galeria .ranking15 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -32px no-repeat; }
#galeria .ranking20 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -48px no-repeat; }
#galeria .ranking25 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -64px no-repeat; }
#galeria .ranking30 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -80px no-repeat; }
#galeria .ranking35 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -96px no-repeat; }
#galeria .ranking40 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -112px no-repeat; }
#galeria .ranking45 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -128px no-repeat; } 
#galeria .ranking50 { float:left; position:relative; left:5px; width:90px; height:16px; background: url(images/ranking.gif) 100% -144px no-repeat; }

#galeria .descr
{
  font-size: 14px; font-weight: bold; text-align:center;  
}

#galeria .simple .texto
{
    font-size: 14px; text-align:center;
   /* color:#0236A7; */
}

#galeria a {
    border-style:none;
    text-decoration:none;
    font-size:90%;
    font-weight:bold;
    font-style:italic;
    color:#FFFFFF;
}

#galeria .simple:hover {   background: url(images/mosaico-simple.gif) 100% 0px no-repeat; }

#galeria .multi:hover { background: url(images/mosaico-multi.gif) 100% -200px no-repeat; /* background:#B879D7; */ }

#galeria a .titulo  { color:#0236A7; }

#galeria a .texto { color:#FFFF99; }

/**** NAVEGACION DE PAGINAS *********/

#center .pagnav
{
    margin-right:12px;
}

#center .pagnav a
{
    border:1px solid #75B0E3; 
    text-decoration:none;
    font-size:80%;
    font-weight:bold;
    font-style:italic;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    margin-right: 3px;
    background:#376BDA;
    color:#FFFFFF;
}

#center .pagnav a:hover { color:#000000; background:#75B0E3; }

#center .pagnav .texto
{
    text-decoration:none;
    font-size:80%;
    font-weight:bold;
    font-style:italic;
    margin-right:2em;
    color:#376BDA; /* CC92E9; */
}    

#center .pagnav .actual
{
    border:1px solid #CACACA; 
    text-decoration:none;
    font-size:80%;
    font-weight:bold;
    font-style:italic;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    margin-right: 3px;
    color:#CACACA; 
}





/* ****** ZONA DE JUEGO ***** */

#juego
{
    text-align:center;
    vertical-align:middle;
}

.juegodescr
{
    font-size:110%;
    /* font-weight:bold; */
    font-style:italic;
    clear:both;
    text-align:center;
}

/** ZONA INFO MIENTRAS JUGAR ***/
#juegoinfo
{
  /* float: left; */ 
  width: 140px; /* width:160px; */
  height: 120px; /* height:255px; */

/*  margin-top:2px;
  margin-bottom:2px;
  margin-left:2px;
  margin-right:2px;
  padding-top:0px; */
  text-align:center; 
 /* background:#D9BDE7; */ /* #CC92E9; */
    background: url(images/panel-infojuego.gif) 100% 100% no-repeat;
}

#juegoinfo .titveces
{
    float:left;
    position:relative; left:10px;
    margin-top:10px;
    font-size:120%;
    /* font-weight:bold; */
    font-weight:bold;
    clear:both;
    text-align:center;
    width:120px;
    height:1.4em;
    /* background:#00FF00;*/
    color:#0073BB;

}

#juegoinfo .nveces
{
    float:left;
    position:relative; left:10px;
    font-size:100%;
    /* font-weight:bold; */
    font-style:italic;
    clear:both;
    text-align:center;
    width:120px;
    height:1.4m;
    margin-bottom:5px;
    /*background:#0000FF;*/

}

#juegoinfo .titvalor
{
    float:left;
    position:relative; left:10px;
    font-size:120%;
    /* font-weight:bold; */
    font-weight:bold;
    clear:both;
    text-align:center;
    width:120px;
    height:1.4em;
    /*background:#FF0000;*/
    color:#0073BB;
}

#juegoinfo .votado
{
    float:left;
    position:relative; left:10px;
    font-size:90%;
    /* font-weight:bold; */
    font-style:italic;
    clear:both;
    text-align:center;
    width:120px;
    height:1.5em;
    /*background:#F0F0F0;*/
}

#juegoinfo .ranking0  { float:left; position:relative; left:25px; width:90px; height:16px; background: none; }
#juegoinfo .ranking5  { float:left; position:relative; left:25px; width:90px; height:16px; background: url(images/ranking.gif) 100% 0px no-repeat; }
#juegoinfo .ranking10 { float:left; position:relative; left:25px; width:90px; height:16px; background: url(images/ranking.gif) 100% -16px no-repeat; }
#juegoinfo .ranking15 { float:left; position:relative; left:25px; width:90px; height:16px; background: url(images/ranking.gif) 100% -32px no-repeat; }
#juegoinfo .ranking20 { float:left; position:relative; left:25px; width:90px; height:16px; background: url(images/ranking.gif) 100% -48px no-repeat; }
#juegoinfo .ranking25 { float:left; position:relative; left:25px; width:90px; height:16px; background: url(images/ranking.gif) 100% -64px no-repeat; }
#juegoinfo .ranking30 { float:left; position:relative; left:25px; width:90px; height:16px; background: url(images/ranking.gif) 100% -80px no-repeat; }
#juegoinfo .ranking35 { float:left; position:relative; left:25px; width:90px; height:16px; background: url(images/ranking.gif) 100% -96px no-repeat; }
#juegoinfo .ranking40 { float:left; position:relative; left:25px; width:90px; height:16px; background: url(images/ranking.gif) 100% -112px no-repeat; }
#juegoinfo .ranking45 { float:left; position:relative; left:25px; width:90px; height:16px; background: url(images/ranking.gif) 100% -128px no-repeat; } 
#juegoinfo .ranking50 { float:left; position:relative; left:25px; width:90px; height:16px; background: url(images/ranking.gif) 100% -144px no-repeat; }

/*** JUEGO bloque valorar panel **/
#juegovotar
{
  width: 200px; /* width:160px; */
  height: 120px; /* height:255px; */
/*   margin-top:2px;
  margin-bottom:2px;
  margin-left:2px;
  margin-right:2px;
  padding-top:0px;
  text-align:center; */
 /* background:#D9BDE7; */ /* #CC92E9; */
    background: url(images/panel-votar.gif) 100% 100% no-repeat;
}

#juegovotar .titvalora
{
    float:left;
    position:relative; left:10px;
    font-size:120%;
    font-weight:bold;
    clear:both;
    text-align:center;
    width:180px;
    margin-right:10px;
    margin-top:10px;
    height:2em;
/*background:#FF0000;*/
    color:#0073BB;
}

#juegovotar ul{
float:left;
position:relative; left:20px;
width:160px;
height:32px;
margin-right:20px;
clear:both;
margin: 0;
padding: 0;
list-style-type: none;
/* background:#00FF00; */
}

#juegovotar li{
display: inline;
}

#juegovotar  li a{
float: left;
display: block;
text-decoration: none;
margin-left: 0px;
width:32px;
height:32px;
}

#juegovotar .mensaje
{
    float:left;
    position:relative; left:10px;
    font-size:100%;
    font-weight:bold;
    /* clear:both; */
    text-align:center;
    width:180px;
    margin-right:10px;
    margin-top:5px;
    height:100px;
/* background:#FF0000; */
    color:#0073BB;
}


#juegovotar .mensaje img
{
    width:115px;
    height:96px;
}


.juegopie ul { list-style:none; /*background:#F0CA00;*/ height:130px; }
.juegopie li { float:left; display:inline; }



/** ZONA DE CHAT **/
.chatlegal1
{
    font-size:70%;
    font-style:italic;  
    text-align:center;
    color:#333D67;
}
.chatlegal2
{
    font-size:90%;
    font-weight:bold;
    text-align:center;
    color:#333D67;
}
/** ANUNCIO DE LA SALA DE CHAT **/
.publichat img
 {
   width:270px;
   height:190px;
 }
.publichat h1
{
    font-size:100%;
    font-weight:bold;
    text-align:center;
    color:#333D67;
}

.publichat p
{
    font-size:90%;
    text-align:center;
    color:#333D67;
}


/************ CAJA FICHAS ************************/

#ficha
{
    margin-left:-1em;
}

#ficha #datos
{
    width:200px;
    float:left;
    margin-right:1em;
}

#ficha #datos table
{
 background-color:#EFDFC8;
 width:100%;  
 font-size:80%;
 padding:0.5em;
}

#ficha #datos table tr
{
    vertical-align: top; 
}

#ficha #datos table .tit, #ficha #datos table th
{
 font-weight:bold;
 color:#6A008C;
 text-align:left;
}

#ficha #datos table .head
{
 font-weight:bold;
 color:#6A008C;
 text-align:center;
}

#ficha #datos table .centro
{
 text-align:center;
}

#ficha #datos table .derecha
{
 text-align:right;
}

#ficha #datos table .resalta
{
 text-align:center;
 font-weight:bold;
 font-size:120%;
}

#ficha #datos table hr
{
    color:#CC92E9;
    margin:0px;
}

#ficha h1
 {
    color:#710096;
    font-weight:bold;
    text-align:left;
    margin-top:0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 180%;
    text-align:center;
 }
 
 #ficha p
  {
    color:#310042;
    font-weight:bold;
    margin-top:0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 110%;
    text-align:center;
 }
 
 /** CAJAS PUBLICIDAD **/
 .adsensevertical
 {
    width:160px;
    height:600px;
    text-align:center;
}

/********************* MODELO DE FORMULARIOS *********************************/
/** MODELO DE FORMULARIOS **/

/** FORMULARIO MONO REGISTRO **/
#formmono form { margin-left:1em; margin-right:1em; }

#formmono form fieldset {
  border:1px solid; /* #F2C8F8; */
  margin-top:0.5em;
  clear:both;
  }

#formmono form legend {  font-size:90%;  font-style:italic; margin-top:0.25em; }

#formmono form fieldset ul{
        margin: 0;
        padding: 0;
        list-style-type: none; }

#formmono form fieldset  li{
    width:50%;
    display: inline;  }

#formmono form label {
display: block;
font-size:90%;
width:20%;
min-width: 20%;
float: left;
margin-top: 0.5em; ; margin-bottom:0.5em;
/* line-height:1.5em;
vertical-align:middle; */
}

#formmono form em { display:block; float:left; margin-top: 0.5em; ; margin-bottom:0.5em; ; }

#formmono form input, #formmono form select {
display: block;
font-size:90%;
width:25%;
min-width: 25%;
float: left;
margin-top: 0.5em; ; margin-bottom:0.5em; ; 
margin-left: 1em;
}

#formmono form textarea {
display: block;
width:25%;
min-width: 25%;
float: left;
margin-left: 1em;
margin-top:0.5em; 
margin-bottom: 0.5em; color:#123400;
}

#formmono form .doublecol { width:50%; min-width:50%;}
#formmono form .fullcol { width:75%; min-width:75%; }
#formmono form .len5 { width:3em; min-width:5em; }


#formmono form label {
/* color: #310042; */
text-align: right;
font-weight:bold;
}

#formmono form br {clear: left;}

#formmono form .remark {
  font-size:90%;  
  display:block;
  text-align:left;
  font-style:italic;
  float:left;
  clear:left;
  position:relative;
  margin-top: -0.5em;
  padding-left:1em;
  margin-left:20%;
  margin-right:1em;
}

#formmono form .notas
{
    float:right;
    font-size:80%;
    font-style:italic;
    text-align:right;
    margin:0;
    padding:0;
}

#formmono form .submit { font-size:120%; font-weight:bold;
     text-align:center; position:relative; left:30%; clear:both;
     cursor:pointer; cursor:hand; }


      /* COLORES */

#formmono form input:hover, #formmono form select:hover, #formmono form textarea:hover
{
    /* background-color:#F8E0FC; */
    border:1px dotted #CC92E9;
    cursor:pointer; cursor:hand;
}      

#formmono form input:focus, #formmono form select:focus, #formmono form textarea:focus
{
    background-color:#F8E0FC;
    border:1px dotted #CC92E9;
} 

#formmono form input, #formmono form select, #formmono form textarea
{
    /* border:1px solid transparent; */
    border:1px solid #CC92E9;
}    
      
#formmono form fieldset {  border-color:#F2C8F8; }
#formmono form legend {   color: gray; }
#formmono form label { color: #310042; }
#formmono form .remark { color: #4B4B4B; }
#formmono form em, #formmono form .notas { color: #FF0000; }
#formmono form .submit { background-color: #F2C8F8; }

#formmono form .hint
{
  border: 1px solid #c93;
  color:#ff0000;
  background-color: #ffc;
  /* visibility: hidden; */
  display:none;
  clear:both;
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
  font-weight:bold;
  font-size:90%;  font-style:italic;
}
/***** Botones varios *****************************/

.botonlinke1 a:link,
.botonlinke1 a:visited { margin-bottom:5px; margin-top:3px; float:left; position:relative; left:0px; width:145px; height:60px; background: url(images/enlaces.png) 100% 0px no-repeat; }
.botonlinke1 a:hover   { margin-bottom:5px; margin-top:3px; float:left; position:relative; left:0px; width:145px; height:60px; background: url(images/enlaces.png) 100% -60px no-repeat; } 

.botonlinkc1 a:link,
.botonlinkc1 a:visited {  margin-left:5px; margin-bottom:5px; margin-top:3px; float:left; position:relative; left:0px; width:145px; height:60px; background: url(images/contacto.png) 100% 0px no-repeat; }
.botonlinkc1 a:hover   {  margin-left:5px; margin-bottom:5px; margin-top:3px; float:left; position:relative; left:0px; width:145px; height:60px; background: url(images/contacto.png) 100% -60px no-repeat; }

/*** Campaña Royne ***/

bodyNONO
{
     background-color: #D24A96;
     background-image: url('http://juegoyjuego.es/royne/background.jpg');
     background-repeat:no-repeat;
     background-position:center top;     
     margin-left:0px;
     margin-right: 0px;
     margin-top:220px;
     /* min-width:1024px; */
}