/*
	Featured Content Slider
	by: Chris Coyier
*/
*											{
	margin: 0;
	padding: 0;
	border-left: 0;
	font-family: "Trebuchet MS";
}
body 										{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 440px; margin: 0px auto; position: absolute; min-height: 335px; padding-top:0;
											  background: url(/images/bg.png) top center; }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: #0099CC; }
blockquote									{ padding: 0 20px; margin-left: 10px; border-left: 10px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 443px; position: absolute; top: 0px; left: 0px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 440px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 440px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 60px; }
#movers-row div								{ width: 17%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{
	padding: 10px;
	height: 30px;
	margin-top: -93px;
	position: relative;
	z-index: 9999;
	color: white;
	background-image: url(../images/transpBlack.png);
	font-size: 12px;
}
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }



body {
	color: #000000;
	margin-left:0;
	margin-top:0;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #DCDCDC;
	background-image: url(../images/bgp.png);
	background-repeat: repeat-x;
	background-position: center top;
}

a {
	color: #c75f3e;
	text-decoration: none;
}




        A:link, A:visited {color: #FFCC00; text-decoration: none }
        A:hover {
	COLOR: #CCFF00;
	TEXT-DECORATION: none;
	border: 1;
	border-color: #666666;
	font-weight: normal;
}
         .Mano_Texto {  color: #ffffff; text-decoration: none}
         .Linea_mano {  text-decoration: none; cursor: hand}
         .button {
	font-size:11px;
	font-family:Verdana, Helvetica;
	color:#CCCCCC;
	border:1px solid #0066CC;
	width:90px;
	height:19px;
	background-color: #006699;
}
       



        A.color:link, A.color:visited  {COLOR: ff2200; TEXT-DECORATION: none}
        A.color:hover  {COLOR: ff7100; TEXT-DECORATION: none}
		A.color2:link, A.color2:visited  {	font-size:12px;	font-family:Arial, Helvetica, sans-serif;	COLOR: #333333;
	font-weight: bold;
	text-decoration: none;
}
        A.color2:hover  {COLOR: #CC0000; TEXT-DECORATION: none}
        A.color3:link  {font-size:14px;font-family:"Trebuchet MS";COLOR: #CC0000;}
		A.color3:visited  {font-size:14px;font-family:"Trebuchet MS";COLOR: #CC0000;}
        A.color3:hover  {font-size:14px;font-family:"Trebuchet MS";COLOR: ff7100 ;}
		A.linknotas:link, A.linknotas:visited  {	font-size:10px;	font-family:"Trebuchet MS";	COLOR: #0099CC;
	font-weight: bold;
	text-decoration: none;
}
        A.linknotas:hover  {
	COLOR: #CC0000;
	TEXT-DECORATION: none;
	font-size: 10px;
}


A.videos:link  {font-size:13px;font-family:"Trebuchet MS";COLOR: #FFFFcc;}
A.videos:visited  {font-size:13px;font-family:"Trebuchet MS";COLOR: #FFFFCC;}
A.videos:hover  {font-size:13px;font-family:"Trebuchet MS";COLOR: #FFFFFF;}

.marco1 {
	background-color: #FFFFFF;
	border: 1px solid #A8BAC4;
	padding: 1px;
} 
.marco1 img{ 
   border: 2px solid #ffffff; 
}
.marco3 {
	padding:3px 3px 5px 3px;
	background-color: #ffffff;
	border: 1px solid #999999;
	margin-right: 5px;
}

.titulo1 {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #999999;
}
.titulo2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.titulo3 {	font-family: "Trebuchet MS"; 	font-size: 14px; }
.titulo_pie{
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #FFFFFF;
}
   
.levels {	font-family: Tahoma;
	font-size: 11px;
	color: #CCCCCC;
	font-weight: normal;
}
.levels2 {	color: #336699;
	font-family: Calibri;
	font-size: 15px;
	font-weight: normal;
}





/*----------------- ------    Clase para tabla y formulario de login --------------------*/

#logintable{
	width:700px; padding: 0; margin: 0; border:0; 
}
td.login {
	padding: 6px 6px 6px 12px;
    font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width:700; height:115;
	background:  url(imagenes/bg_login.jpg)  repeat-x ;
}
td.formlogin {
	 background:  url(imagenes/login.png)  no-repeat ; 
	 width:500px;
	 height:275px;
}
caption {
	padding: 0 0 5px 0; 
	width: 600px;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: right;
}
.fh {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-transform: uppercase;
	text-align: left;
	padding: 2px 2px 2px 10px;
	background: #CAE8EA url(imagenes/table1_header.jpg) no-repeat;
	width:350px;height:20px;

}
/*----------------- Clase para tabla mayor *****************************************/

#tablamayor {
	width: 800px; padding: 0; margin: 0; border:0; text-align:center;
}

td.titulo {
	width:auto;
	height:auto;
	background:#ffffff url(imagenes/bg_titulo.gif);
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: 1pt dashed #CCCCCC;
}

td.contenido {	
	padding: 0px 6px 0px 0px;
	background:#DCDCDC url(images/bg.png)  repeat-x ;
    width:100%; height:300;
}
td.pie {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFCC33;
	border-right-color: #FFCC33;
	border-bottom-color: #FFCC33;
	border-left-color: #FFCC33;
}

/*----------------- Clase para tabla de menus----------------******************************************************************************----*/

table.principal{
	width: 760px;
	height:600px;
	margin: 0;
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#336699;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0px;

}
td.logo {
	border: 1pt dashed #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: italic;
	color: #FFFFFF;
	background-image: url(../images/bglogo.gif);
	background-repeat: repeat-x;
	background-position: center;
}


.principal  td {
	color: #E92123;
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	Text-align: Left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 1px;
	border: 1px none #CCCCCC;
	}
	
	
.principal  td:hover{ 
	color: ff7100;
	}
img.imgborder {
	border: medium solid #DBE2EA;
}

td.menu {
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: none;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	background-color: #FFFFFF;
}
td.enblanco {
	border: thin solid #FFFFFF;
}




	
	
/***********************************************************************/
/* ESTILOS DEL CONTENIDO DEL INDEX */





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
	width: 149px;
	height: 200px;
}

.urbangreymenu .headerbar{
	font: bold 13px  "Trebuchet MS";
	color: white; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; /*31px is left indentation of header text*/
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 5px;
	background-color: #999900;
	background-image: url(media/arrowstop.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
	height: 30px;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
	font: normal 12px "Trebuchet MS";
	color: black;
	background: #ae0000;
	display: block;
	padding: 5px 0;
	line-height: 18px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	background-image: url(../images/barrademenu3.jpg);
}

.urbangreymenu ul li a:link{
color: #FFFFFF;
}
.urbangreymenu ul li a:visited{
color: #FFFFFF;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #F0F0F0;
background: black;
}


.tabulador {
	color:#CCCCCC;
	padding-left:5px;
}

/*TRANSPARENCIAS SOBRE IMAGES*/

.trans_box2 {
	font-family:verdana;
	font-weight:normal;
	padding:5px;
	margin:1px;
	border:1px solid #99CCCC;
	color: #006699;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=10, src='../images/transparencia.png');
	font-size: 12px;
	background-position: center bottom;
}
/* IE ignores styles with [attributes], so it will skip the following. */
#trans_box2 {
	background-image:url('../images/transparencia.png');
	vertical-align: bottom;
	height: 70px;
	font-family:verdana;
	font-weight:normal;
	padding:5px;
	margin:1px;
	border:solid 1px #555;
	color: #FFFFFF;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=10, src='images/transparencia.png');*/
	font-size: 12px;
	width: 418px;
	height: 70px;
	background-position: center bottom;
}

   
    


/*Credits: Dynamic Drive CSS Library */
.titulos_secciones {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #E46216;
	background-image: url(../images/barrademenu2.jpg);
}


.links_vermas {
	color: #FFFFFF;
	background-color: #0099CC;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bolder;
}

.links_notas {
	color: #999999;
	font-family: Verdana, Helvetica;
	font-size: 9px;
}
.Estilo_li {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0099CC;
}
.titulos_tabs {
	font-family: sans-serif;
	font-size: 14px;
	color: #006699;
	text-transform: none;
	font-weight: lighter;
	letter-spacing: 0px;
	word-spacing: normal;
	padding-left: 3px;
}
.titulos_fuertes {
	font-family: Calibri;
	font-size: 20px;
	color: #000000;
}

.titulos_notas {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bolder;
}

.descripciones {
	color: #666666;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
}





/*----------------- Clase para tabla de menus y conenidos --------------------*/



#tablacontenido {
	width: 100%; height:100%; padding: 0px 0px 0px 0px;  margin: 0; border:0; 
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#336699;
}

td.menulateral {	
	padding: 0px 0px 0px 0px;
    width:100px; height:8%;
}
td.menulateral2 {	
	padding: 0px 0px 0px 0px;
    width:100px; height:500px;
	background:#98baed url(imagenes/bg_menulateral.jpg) repeat-x;
	}
	

td.topareacontenido{	
	padding: 0px 0px 0px 0px;
    width:650px; height:67px;
	background: url(imagenes/bg_top_cont.gif)   repeat-x ;

}

td {
	padding: 0px 0px 0px 0px;
	font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

td.tab {
  background-color: #f1f1f1;
  border: 1px solid #000000;
  border-color: #a3dc87 #a3dc87 #C1DAD7 #a3dc87;
  
  -moz-border-radius: .7em .7em 0em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: 0em;

  padding: .5em;
  position: relative;
  z-index: 101;
  font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  color:#336699;
}

td.areacontenido {	
	padding: 6px 6px 6px 12px;
    width:760px; height:580px;
	background:#ffffff;
	text-align:center;
  -moz-border-radius: 0em 0em 1.0em 1em;
  border-radius-topright: 0em;
  border-radius-bottomright: .5em;
}

.titulopagina {
	font: bold 13px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
	text-align:center;
}

/*---------------------------------- Clase tablas de datos ---------*/

table.grid {
	width: 600px;
	padding: 0;
	margin: 0;
}
.grid td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	background: #fff;
	padding: 2px 6px 2px 10px;
	color: #4f6b72;
    font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
.grid th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 2px 10px;
	background: #CAE8EA url(imagenes/table1_header.jpg) no-repeat;
}
/*---------------------------------- Clase para furmularios ---------*/

/*-#tablaformulario -*/
table.form{
		width: 560px; height:150px; padding: 0; margin: 0; 
		border-left:1px solid #C1DAD7;
		border-top:1px solid #C1DAD7;
		border-right:1px solid #C1DAD7;
		border-bottom:1px solid #C1DAD7;
		text-align: center;
}
/*-td.botones -*/
/*-td.etiquetas -*/
.form td {
		font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9pt;
		color: #798fb4;
		font-weight: bold;
		text-align: left;
		padding: 0px 6px 2px 6px;	
}

.button {font-size:11px;font-family:Verdana,Helvetica;color:003366;
	background: #CAE8EA url(imagenes/table1_header.jpg) no-repeat;
	border:1px solid #798fb4;width:80px;height:19px;padding: 0px 6px 0px 6px;
	text-decoration:none;}

.form input {
		font: 8px  Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9pt;
		color: #000077;
		background-color:  #F5FAFA;
		border: 1px solid #798fb4;
		width;150px;
		
}

.form textarea {
		font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
		color: #000077;
		background-color:  #F5FAFA;
		border: 1px solid #798fb4;
		width;200px;
		height:80px;
		Scroll-bar:no;		
}

.form select {
		font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
		font-size: 8pt;
		color: #336699;
		background-color:  #F5FAFA;
		border: 1px solid #798fb4;
		width;200px;
				
}
img.imgdetalle {
	border: medium solid #CCCCCC;
	margin: 2px;
}
td.bordeinferior {
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-bottom-style: dotted;
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
}
.cell1 { 
   padding:3px; 
   background-color: #F2F7F4; 
   border: 0px solid #999999; 
} 
.cell2 { 
   padding:3px; 
   background-color: #FFFFFF; 
   border: 0px solid #999999;