/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

	* { padding: 0; margin: 0; }

body {
	font-family: Arial;
	color: #333333;
	line-height: 1.166;
/*border-top-color: #FFFFCC;
	border-top-style: solid;
	border-top-width: medium;
	border-bottom-color: #FFFFCC;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-left-color: #FFFFCC;
	border-left-style: solid;
	border-left-width:thin;
	border-right-color: #FFFFCC;
	border-right-style: solid;
	border-right-width:thin;*/
	vertical-align: super;
	background-color:#000000;
}
#exterior{
    margin: 0 auto;
	width:900px;
	background-color:#4d4d4d;
	padding:0px;
}

#contenedor{
	width:900px;
	margin:0px;
	padding:0px;

}
#menumedio{
	width:900px;
	margin:0px 0px 0px 0px;
	padding:0px;
	/*background-image:url(../images/medio22.gif);
	background-repeat: no-repeat;*/
	background-color:#FF9966;
	height:187px;
}
#menumedio ul{
	list-style-image: url(../images/arrow_30.gif);
}
#menumedio_parte1{
	width:263px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-image:url(../images/medio_parte1.jpg);
	background-repeat: no-repeat;
	background-color:#000000;
	height:187px;
	float:left;
}
#menumedio_parte2{
	width:461px;
	margin:0px 0px 0px 0px;
	padding:0px;
	/*background-image:url(../images/medio22.gif);
	background-repeat: no-repeat;*/
	background-color:#000000;
	height:187px;
	float:left;
}
#menumedio_parte2 #c1{
	color:#FFFFFF;
	background-color:#000000;
	font-family:Arial;
	font-size:11px;
	/*z-index:3;*/
	padding:30px 20px 20px 20px;
	/*filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;*/
}

#menumedio_parte2 #c1 h1{
font-family:arial;
font-size:14px;
color:#00FF00;
font-weight:bold;
padding-bottom:1px;
margin-bottom:1px;
}


#menumedio_parte3{
	width:176px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-image:url(../images/medio_parte3.jpg);
	background-repeat: no-repeat;
	background-color:#000000;
	height:187px;
		float:left;
}

.special{
font-family:arial;
font-size:14px;
color:#00FF00;
font-weight:bold;
}

a{
	color: #B8FD16;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:link{
	color: #B8FD16;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:visited{
	color:#B8FD16;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:hover{
	color: #B8FD16;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1{
 font-family: Arial;
 font-style:normal;
 font-size: 11px;
 color:#CCCCCC;
 font-weight:bold;
}

h2{
	font-family: Arial,sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 11px;
 color: #CCCCCC;
 margin: 0px;
 padding: 0px;
 font-style:italic;

 }

h4{
 font-family: Arial,sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0px 0px 0px 0px;
	/*border-bottom: 1px solid #cccccc;*/
	width: 900px;
	margin:0px 0px 0px 0px;
}

#navBar{
	float: left;
	width: 130px;
	margin: 0px;
	padding-right: 1px;
	border-right: 1px solid #333333;
	background-color: #333333;
}

#content{
width: 900px;
float:right;
padding:0px 0px 0px 0px;
/*background-color:#232323;*/
background-color:#4d4d4d;
margin:0px 0px 0px 0px;

}

/************* #globalNav styles **************/

#globalNav{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color: #4d4d4d;
}

#globalNav img{
display: block;
 padding: 0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}


/************** .partners styles *****************/
#lado1{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 258px;
	float: left;
	font-family:Arial;
	background-color:#4d4d4d;
	margin:0px 0px 0px 0px;
}
#lado1 h1{
	padding: 10px 20px 0px 32px;
}
#lado1 img{
	padding: 0px 0px 5px 45px;
}
#lado1 .texto{
	padding: 10px 0px 10px 50px;
	width:190px;
	text-align:justify;
}
#lado1 .texto a{
color:#CCCCCC;
}
#lado1 ul{
	list-style-image: url(../images/arrow_30.gif);
	list-style-position: inside;
}

#lado1 .titulo{
background-color: #000;
padding: 5px 0px 5px 5px;
color: White;
float:left;
width: 195px;
font-family: arial, helvetica, sans-serif;
font-size:12px;
}
.texto{
    padding: 10px 20px 10px 20px;
	font-size:11px;
	font-family:Arial;
	color:#CCCCCC;
	}
.txt{
    padding: 10px 20px 10px 20px;
	font-size:11px;
	font-family:Arial;
	color:#CCCCCC;
	}

.fecha{
	font-size:11px;
	font-family:Arial;
	color:#33CC00;
	}


#medio{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 500px;
	float: left;
	font-family:Arial;
	background-color:#4d4d4d;
	margin:0px 0px 0px 0px;
	color:#33CCFF;
}

#medio h1{
	padding: 10px 20px 0px 20px;
}

#medioder{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 250px;
	float: left;
	font-family:Arial;
	background-color:#4d4d4d;
	margin:0px 0px 0px 0px;
	color:#33CCFF;
}
#medioizq{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 250px;
	float: left;
	font-family:Arial;
	background-color:#4d4d4d;
	margin:0px 0px 0px 0px;
	color:#33CCFF;
}

#lado2{
	width: 642px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	background-color:#4d4d4d;
	float: right;
	margin:0px 0px 0px 0px;
	color:#cccccc;
}



#c31{
	color:#FFFFFF;
	font-family:Arial;
	font-size:11px;
	z-index:3;
	width:360px;
	height:120px;
	position:absolute;
	top:170px;
	left:320px;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}

#lado2 .texto{
	padding: 10px 10px 10px 10px;
}

#medioder2{ /*arriba*/
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 321px;
	float: left;
	font-family:Arial;
	margin:0px 0px 0px 0px;
	color:#cccccc;
	background-color:#4d4d4d;/*#4d4d4d;*/
}
#medioder2 ul li{
	list-style-image: url(../images/arrow_30.gif);
	list-style-position: inside;
}

#medioder2 .texto{
	padding: 5px 15px 5px 10px;
	width:296px;
	text-align:justify;
}
#m1 /*arriba*/{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 200px;
	float: left;
	font-family:Arial;
	margin:0px 0px 0px 0px;
	color:#cccccc;
	background-color:#4d4d4d; /*#FFFF99;*/
}
#m2 /*arriba*/{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 200px;
	float: left;
	font-family:Arial;
	margin:0px 0px 0px 0px;
	color:#cccccc;
	background-color:#4d4d4d; /*#FFFF99;*/
}
#m3 /*arriba*/{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 200px;
	float: left;
	font-family:Arial;
	margin:0px 0px 0px 0px;
	color:#cccccc;
	background-color:#4d4d4d; /*#FFFF99;*/
}
#medioizq2 /*arriba*/{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 321px;
	float: left;
	font-family:Arial;
	margin:0px 0px 0px 0px;
	color:#cccccc;
	background-color:#4d4d4d; /*#FFFF99;*/
}
#medioizq2 ul{
	list-style-image: url(../images/arrow_30.gif);
	list-style-position: inside;
}

#medioizq2 .texto{
	padding: 5px 10px 5px 10px;
	width:301px;
	text-align:justify;
}
#mm1 /*arriba*/{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 200px;
	float: left;
	font-family:Arial;
	margin:0px 0px 0px 0px;
	color:#cccccc;
	background-color:#4d4d4d; /*#FFFF99;*/
}
#mm2 /*arriba*/{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 200px;
	float: left;
	font-family:Arial;
	margin:0px 0px 0px 0px;
	color:#cccccc;
	background-color:#4d4d4d; /*#FFFF99;*/
}
#mm3 /*arriba*/{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 100px;
	float: left;
	font-family:Arial;
	margin:0px 0px 0px 0px;
	color:#cccccc;
	background-color:#4d4d4d; /*#FFFF99;*/
}

#mm4 /*arriba*/{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 500px;
	float: left;
	font-family:Arial;
	margin:0px 0px 0px 0px;
	color:#cccccc;
	background-color:#4d4d4d; /*#FFFF99;*/
}

#l1amadas1{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 250px;
	float: left;
	font-family:Arial;
	margin:0px 0px 0px 0px;
	color:#cccccc;
	background-color:#4d4d4d; /*#FFFF99;*/
}
#llamadas1 .texto{
	padding: 10px 0px 10px 5px;
}

#llamadas2{ /*arriba*/
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 250px;
	font-family:Arial;
	margin:0px 0px 0px 0px;
	color:#cccccc;
	background-color: #4d4d4d;/*#FFCCFF;*/
}

#llamadas2 .texto{
	padding: 10px 0px 10px 5px;
}

.lineabottom{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#siteEnd{
	clear: both;
	font-family:arial;
	font-size: 11px;
	color: #cccccc;
	/*padding: 10px 20px 10px 20px;*/
	background-color: #2f2f2f;
	text-align: center;
	padding-bottom:10px;
}

.pict{
	padding: 10px 20px 20px 20px;
	margin:0px 0px 0px 0px;
}
/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/************** #contact form **************/

#medioizq2 span.label {
	float: left;
	width: 100px;
	text-align: right;
	font-family: Arial;
	font-size: 11px;
	color: #CCCCCC;
	font-style: normal;
	padding: 5px 5px 0px 0px;/*0 20 0 0 */
  }
#medioder2 span.label {
	float: left;
	width: 100px;
	text-align: right;
	font-family: Arial;
	font-size: 11px;
	color: #CCCCCC;
	font-style: normal;
	padding: 5px 5px 0px 0px;/*0 20 0 0 */

  }

#medioizq2 span.formw {
	float: left;
	width: 100px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #98B1C4;
	font-style: normal;
	
  } 
#medioder2 span.formw {
	float: left;
	width: 100px;
	text-align: left;
	font-family: Arial;
	font-size: 11px;
	color: #98B1C4;
	font-style: normal;
  } 

 /***menu******/
#navcontainer{
}


#navlist
{
padding: 20px 0px 0px 60px;
margin:0px 0px 0px 0px;
width: 180px;
}

#navlist li
{
/*list-style: none;*/
list-style-image: url(../images/icon_menu.gif);
padding:  5px 5px 5px 30px;
margin:0px 0px 0px 0px;
/*padding: 0px; 0.25em;*/
border-bottom: 1px solid gray;
	text-transform: lowercase;

}

#navlist li a {
	text-decoration: none;
	color:#FFFFFF;
	font-weight: bold;
	font-size:11px;

}
#navlist li a:hover {
	text-decoration: none;
	color:#FF9900;
	list-style-image: url(../images/icon_menu_hover.gif);
	padding-left:20px;
	font-weight: bold;
	font-size:11px;
	 }

 /*** end menu******/

#album {
width:209px; 
height:200px; 
background:#eee ;
border:1px solid #aaa;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:209px 0 0 0; 
list-style-type:none; 
position:relative; 
width:209px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:8px;
float:left; 
text-decoration:none; 
color:#000; 
text-align:center; 
width:20px; 
height:20px; 
line-height:20px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-209px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:0px solid #eee;

border-right:0px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
/********Contact Form Ajax************/
#formContenedor 
{
	text-align:center;
	position:absolute;
	width:400px;
	left:50%;
	margin-left:-200px;
}

table { width:400px; }

input 
{
	width:100px; /*220*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid;
}
select 
{
	width:100px; /*220*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid;
}

textarea
{
	width:100px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid;
}

button { width:100px; height:22px; font-family:Verdana; font-size:11px; }

.label { width:110px; text-align:left; }

.campo { width:240px; }

.ayuda { width:50px; 
		margin: 0px 0px 0px 10px;
		text-align:center; 
		}

.inputNormal { border:1px solid; }
.selectNormal { border:1px solid; }

.inputError
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}
.selectError
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}

/* Capas de transparencia y mensajes de confirmacion */

#transparencia
{
	background-color:#FFFFFF;
	z-index:2;
	position:absolute;
	width:640px;
	height:400px;
	display:none;
	opacity:0.90;
	filter:alpha(opacity="90");
	visibility: visible;
	top:340px;
	left:265px;
}
#iframe_oculto
{
	background-color:#FFFFFF;
	z-index:1;
	position:absolute;
	width:640px;
	height:400px;
	display:none;/*none*/
	opacity:0.00;
	filter:alpha(opacity=0);
	visibility: visible;
	top:340px;
	left:265px;
}
#transparenciaMensaje
{
	position:absolute;
	width:300px;
	height:100px;
	margin-top:-50px;
	margin-left:-150px;
	top:50%;
	left:50%;
	}

/* Mensajes de ayuda */

#mensajesAyuda
{
	width:160px;
	font-family:Verdana;
	font-size:10px;
	border:1px solid #000000;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
}

#ayudaTitulo
{
	background-color:#000000; 
	color:#FFFFFF; 
	padding:1px;
}

#ayudaTexto
{	color:#999999; 
	vertical-align:middle;
	padding:2px;
}
/*********fin contact form ajax*********/
.help {
cursor: help;
/*cursor: url(images/favicon_css.ico); */
border-bottom:#ccc 1px dashed;
}
.linktxt a:link{
color:#CCCCCC;}

.linktxt a{
color:#CCCCCC;}

.linktxt a:hover{
color:#CCCCCC;}

.linktxt a:active{
color:#CCCCCC;}