/*
#0.9.8 - 1 - bcowan - 2008/11/26 :: Adding sobre_el_sitio = contenidoTips styles
#0.8 - 2 - bcowan - 2008/10/22 ::
#  Adding .clk to make buttons
#  Adding .tooltip for xph.tooltip
#0.8 - 1 - bcowan - 2008/10/21 ::
#  .rtxt first letter to make letter look better in display of a preguntas respuesta
*/

.clk {border: 2px outset gray;background:gray;cursor: pointer;}
.clk:hover {background:lightgray;}
.clk:active {background:darkgray;border: 2px inset gray;}

.tooltip{
  background-color: #FFD;
  border: 1px solid #000;
  z-index:200;
}
#div_respuesta .label{
    font-family:Courier;
    font-weight:bolder;
    padding-bottom:2px;
    line-height:20px;
    vertical-align:middle;
}
.rtxt:first-letter {color:orange;text-weight:bolder;font-size:18px;padding-left:8px;}
.rtxt:first-line {line-height:28px;}
    #qna table {
        width: 650px;
        color: black
     }

      #qna table td {
        border-left: 8px solid white;
        border-right: 8px solid white;
        border-top: 1px solid #855;
        font-size: 14px
      }
      #qna td span{
        background: white;
        float: right;
        margin-right: 5px;
        margin-left: 5px
      }
      #qna h2{ color: black }
      #qna   .c1 { width: 180px }
      #qna   .c2 { width: 95px }
      #qna   .c3 { width: 55px; background: yellow; }
      #qna   .c4 { width: 50px }



.qfolder {position:absolute;margin-top:23px;z-index:6;display:none;height:430px;width:690px;}

.qtab{cursor:pointer;position:absolute;}

.inside {padding:20px;margin-top:10px;overflow:auto;position:relative;height: 405px;}
.ontop {z-index:8;margin-top: -8px;}
.textoMasBonito {font-size: 14px; font-family: Helvetica, Arial, Verdana;color: black;}
.panelitoPad { padding: 6px;}
.photo_desc {margin-left: 18px;}
.photo_desc div {display: inline;color: white;}

info {display: none;}
p {text-align: justify;}
a {color: white;}

.comentarios {background: #BDBBBC}

.lista_photos {padding-left:14px;}

.pagination {display: inline;text-align: right;}
.prev_page, .next_page {font-weight: bolder;}
.pagination span {}
.pagination .current {border: 1px solid white; color: white;}

/*--------- FOTO FOOTERS ----------------*/
.fotoFooterMiGaleria {
	background-color: #c5f19e;
	width: 135px;
	height: 55px;
	margin: 0 5px;
	font-size: 9px;
	color: #4a6c7a;
}
.fotoFooterMiGaleria input{
	font-size:9px;
}
.fotoName {
	color: #000;
	font-size: larger;
	text-transform: uppercase;
}
.fotoFooter span{ border: solid 1px #000; padding: 1px;padding-left:3px; padding-right: 3px;  }

.fotoBy a {color:#4a6c7a; font-weight: bolder; text-decoration: underline; }






/* -------------------------------------------------------------------------------- */
/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 background: #c2c2c2  no-repeat scroll center top; 
}
/*url(/img/bglight.jpg)*/

#wrapper { 
 margin: 0 auto;
 width: 900px;
 background:#a7a9ac ;
 border: #e6e6e6 solid 2px;
 border-top: none;
}

#header {
 color: #333;
 width: 100%;
 height: 90px;
 background: #f08921;
}

#logo {
 width: 400px;
 height: 57px;
 background-image:url(/img/m/logo-pixel.jpg);
 position:absolute;
 top: 0;
 
}

#registro {
 width: 398px;
 height: 42px;
 background-image:url(/img/m/registro.jpg);
 background-repeat:no-repeat;
 position:relative;
 top: -75px;
 left: 480px;
 color:#ffffff;
 font-size:12px;
 padding-top:10px;
 text-align:center;
 margin-left:5px;
 }
 
 #registro input {
 width:90px;
 border:0;
 }
 
  

#slogan {
 width: 880px;
 position:relative;
 top: 10px;
 background: #f08921;
 color:#000000;
 font-weight: bold;
 font-size: 20px;
 margin-left: 10px;
 }
 
 #slogan .registrese a {
 font-size: 20px;
 color:#FFFFFF;
 text-decoration: underline;
 position:relative;
 left: 75px;
 }
 
 #content_wrapper {
 	background: #a7a9ac url(/img/bggray.jpg);
	height: 520px;
	overflow: hidden;
 }
 
.leftcolumn { 
 color: #a7a9ac;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 700px;
 float: left;
}
.rightcolumn { 
 float: right;
 
 width: 200px;
 display: inline;
 text-align:center;
 margin-top:0px;
}


#div_miniutil {
	background: #FF6600 ;
	height: 120px;
	width: 200px;
	
}

#globos_derecha {


	height:150px;
	width:210px;
	margin-left:-10px;
	position:relative;

}
#globos_bg {
    clear:right;
	background: #333840;		
	height:154px;
	width:200px;
	margin-left:10px;
	position:absolute;
	z-index:2;
    margin-top:-4px;
}
#globos_derecha div {}
#globo-azul a {color: orange;}
#globo-verde a {color: yellow;}
#globo-azul {
margin-top:72px;
width:200px;
height:80px;
background-image:url(/img/m/globo-azul.gif);
position:absolute;
background-repeat:no-repeat;
padding-top:5px;
/*margin-left:-210px;*/
display: none; /* Para empezar con los globos escondidos*/
z-index:73;

}

#globo-verde {
width:200px;
padding-top:5px;
height:70px;
top: 5px;
position:absolute;
display: none; /* Para empezar con los globos escondidos*/
background-image:url(/img/m/globo-verde.gif);
background-repeat:no-repeat;
/*background-position:top;*/
z-index:73;
color: #333;
/*margin-left:-210px;*/
}

.globo_contenido {
	color:#FFFFFF;
	padding: 5px;
    width: 190px;
	font-size:15px;
	font-weight:bold;
	text-align:center;

}
.transparent_class {
	filter:alpha(opacity=88);
	/*-moz-opacity:0.88;
	-khtml-opacity: 0.88;*/
	opacity: 0.88;
}

#block-white{
width:162px;
height:92px;
background:white;
position:absolute;
margin-top:384px;
z-index:19;
margin-left:42px;
}
#block-blue{
width:170px;
height:98px;
background-image:url(/img/m/block-blue.gif);
position:absolute;
margin-top:382px;
z-index:96;
margin-left:38px;
}
#contactenos {
position:relative;
width:150px;
top:-220px;
left:15px;

}
#contactenos a{
color:#FFFFFF;
font-weight:bold;
font-size:15px;
text-align:center;
}
#menu {

overflow:hidden;
text-align:center;
margin-left:2px;
margin-top:-4px;
}
ul.menu {
  clear: both;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  margin-top: -3px;
  padding-left: 0px;
 
}
ul.menu li {
  display: inline;
  float: left;
  
  padding-left:1px;
  padding-right:1px;
  
}
ul.menu>li>a:link, ul.menu>li>a:visited {
  display: block;
  text-decoration: none;
  background:url(/img/m/boton-menu2.jpg);
  padding-top: 5px;
  border-right: 0;
  border-bottom: 0;
  width: 98px;
  height:18px;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  color:#353535;
  font-weight:bold;
  font-size: 12px;
 
} 

#menuL ul.menu li {padding:0px;}
ul.menu>li>a:hover {
  background-image:url(/img/m/boton-menu-orng2.jpg);
  }
#menuL ul.menu>li>a:link, #menuL ul.menu>li>a:visited   {
	background-image:url(/img/m/boton-menu2.jpg) ;
	background-position: -6px -1px;
	height:20px;
	
}
#menuL ul.menu>li>a:hover{
	background-image:url(/img/m/boton-menu-orng2.jpg);
}
#foto-body {
 height: 450px;
 width: 610px;
 text-align:center;
 overflow:hidden;

 

}

#footer { 
 width: 900px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #0D9C8C;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

/* -------------------- begin: Galería Pública -------------------- */
.fotoMain {
	margin: 10px;
	width: 145px;
	display: inline;
	float: left;
}
.fotoFrame {
	border: 1px solid #353535;
	background-color: #fff;
	height: 160px;
}
.fotoFoto {
	width: 145px;
	height: 142px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}


.medalBar {
	width:125px;
	height: 24px;
	margin-left: 8px;
  
    background-repeat:no-repeat;
    background-position:center top;
}

.fotoMedal { 
	display: inline;
	float: left;
	text-align: center;
	font-size: 8px;
	height:18px;width:24px;
	cursor: pointer;
	padding-top:6px;
	margin-top:-5px;
	
}

.fotoMedal1 {background: url(/img/btn.png);}
.fotoMedal2 {background: url(/img/btn-s.png);}
.fotoMedal3 {background: url(/img/btn-b.png);}
.fotoMedal4 {background: url(/img/btn-h.png);}
.fotoMedal5 {background: transparent;}
.fotoMedal5 a {color:red;font-weight: bolder;border:2px solid red;}

.fotoBar {
	width:100px;
	height: 24px;
	margin-left: 17.5px;
   /* background-image:url(/img/m/barra-colores-sml.jpg);*/
    background-repeat:no-repeat;
    background-position:center top;
}
.fotoBar div {
	display: inline;
	float: left;
	width: 25px;
	height: 16px;
	text-align: center;
	font-size: 8px;
}
.fotoBar a {
	text-decoration: none;
	color: #FFFFFF;
}
.fotoBar1 { background-image: url(/img/c/boton-azul.jpg); }
.fotoBar2 { background-image: url(/img/c/boton-verde.jpg); }
.fotoBar3 { background-image: url(/img/c/boton-orng.jpg); }
.fotoBar4 { background-image: url(/img/c/boton-rojo.jpg); }
.fotoFooter {
	background-color: #E1E1F7;
	width: 135px;
	height: 45px;
	margin: 0 5px;
	font-size: 9px;
	color: #4a6c7a;
}
.fotoName {
	color: #000;
	font-size: larger;
	text-transform: uppercase;
}
.fotoFooter span{ border: solid 1px #000; }
/* -------------------- end:   Galería Pública -------------------- */

.fotoFooterGaleriaHonor {
	background-color: #f3f3f3;
	width: 135px;
	height: 45px;
	margin: 0 5px;
	font-size: 9px;
	color: #335363;
}
.fotoFooterGaleriaHonor span{ border: solid 1px #000;padding: 2px; }
.fotoFooterMiGaleria span{ border: solid 1px #000; padding: 2px; }
h1,p {color:#002;}


/* ----------------- begin: Critica ---------------------*/
.miniCritica {width:300px;display:inline;margin:15px;height:200px;float: left;border:1px solid black;}		

.miniCritica .leftFrame {background:white;width:142px;height:200px;position:absolute;text-align:center;}
.miniCritica .by {color:#777;}
.miniCritica .by a {color:#777;font-weight:bolder;}
.miniCritica .fotoName {text-transform: uppercase;font-weight:bolder;}

.miniCritica .rightFrame {padding: 3px;background:#eee;width:151px;position:absolute;height:194px;margin-left:142px;border-left:1px solid black}
.miniCritica .rightFrame .calificacion {color:orange;font-weight:bolder;}  
.miniCritica .rightFrame .miniDesc {width:151px;height:160px;overflow:auto;margin-top:5px;text-align: justify;}
.miniCritica .rightFrame .verMas {color:teal;text-align: right;}
                    

/* ------------------ begin: Articulos --------------------*/
#contenidoTips img {
  border: 1px solid #353535; /*#fd7;*/
  padding: 5px;
  margin: 8px;
  background: #fff;
}

#contenidoTips img[align=right] {  
  margin-right: 0px;
}

#contenidoTips img[align=left] {
  margin-left: 0px;
}

#contenidoTips li {
  margin-left: 20px;
  color: black;
}

#contenidoTips img {
  border: 1px solid #353535; /*#fd7;*/
  padding: 5px;
  margin: 8px;
  background: #fff;
}

#sobre_el_sitio .content { font-name: verdana; color: orange; }
#sobre_el_sitio h1{
	font-size:19px;
    text-align:center;
}

#sobre_el_sitio h2{
	font-size:19px;
    color:#FF6600;
    margin: 3px;
    padding: 3px;
}

#sobre_el_sitio li {
  margin-left: 20px;
  color: black;
}
#sobre_el_sitio img {
  border: 1px solid #353535; /*#fd7;*/
  padding: 5px;
  margin: 8px;
  background: #fff;
}
#sobre_el_sitio img[align=right] {
  margin-right: 0px;
}

#sobre_el_sitio img[align=left] {
  margin-left: 0px;
}

#sobre_el_sitio li {
  margin-left: 20px;
  color: black;
}

#sobre_el_sitio img[src*=fckeditor] {border:0px;}

/* ------------------ begin: Concursos --------------------*/
#concursos_del_mes h2 {color:black;}
#concursos_del_mes .contenido {color:black;}