/* Elementos  */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

img {
border: 0;
}

body {
	background: #585654 url('images/bg2.jpg') repeat-y center;
	font: normal 62.5% Tahoma,sans-serif;
}

p,code,ul {padding-bottom: 10px;}

li {list-style: none;}

h1 {
	font: normal  Tahoma,sans-serif;
	margin-bottom: 4px;
}

h1,h2,h3,h4 {padding-top: 2px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/*Estructura	 */
.contenedor {
	margin: 0 auto;
	padding: 0 0px 0px;
	width: 900px;
	background-color: #FFF;
}

/* Top */
.top {
	padding: 30px 0px 0;
}

/* header */
.header {
	background-image:url(images/top_recarga.png);
	width: 900px;
	height:97px;
}

.header-cont {
	background-image:url(images/top_recarga.png);
	width: 900px;
}

.logo {
	float:left;
	padding-top:5px;
	padding-left:15px;
}

/* Menu Horizontal*/
.menu {	
	border-top: 2px solid #444;
	border-bottom: 2px solid #444;
	background:  #C1C1C1;
	height: 20px;
	color:#600
}
.menu a {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	color: #666;
	display:inline;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	FONT-weight: bold;
	line-height: 20px;
	padding: 0 30px;
	text-decoration: none;
}
.menu a:hover {
	background-color: #F0F0F0; 
	color: #1C455E;
}
/* FIN Menu Horizontal */

/* main */
.main {
	background-color: #FFF;
}

/************ Sidebar Izquierdo de Navegación  *************/
.sidebar_izq {
	float:left;
	width:160px;
	margin: 10px 5px 0px;
	background-color: #FFF;
	padding-bottom:5px;
}
.izquierda {
    float: left;
    width: 160px;
	height: 170px;
    font-family: Tahoma, Helvetica, sans-serif;
    line-height: 10px;
    background-color: #B44936;
	border-top: 0px solid;
    padding-top:17px;
    overflow: hidden
}
.izquierda ul {
	padding: 0;
	border-top: 1px solid #CCBDAE;
}
.izquierda li {border-bottom: 1px solid #CCC;}
.izquierda li a {
	font-family: Tahoma;
	FONT-WEIGHT: bold;
	font-size: 1.1em;
	color: #DDD;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 100%;
}
.izquierda li a:hover {
	background: #556876;
	color: #FFF;	
}
.izquierda .amarillo a {color:#333; background: #C0C9D5;}
.izquierda .amarillo a:hover {color:#333; background:#E0DB6E;} 
.izq_medio {
    float: left;
    width: 160px;
	height: 222px;
    font-family: Tahoma, Helvetica, sans-serif;
    line-height:20px;
    color:#FFF;
    font-size:14px;	
    background: #B44936;
	border-top: 0px solid;
    overflow: hidden
}
.izq_medio h3 {padding-left:5px; padding-right:5px;}
.izq_medio1 {
    float: left;
    width: 160px;
	height: 180px;
    font-family: Tahoma, Helvetica, sans-serif;
    line-height: 10px;
    background-color: #B44936;
	padding-top: 20px;
    overflow: hidden
}
.izq_medio2 {
    float: left;
    width: 160px;
	height: 60px;
    font-family: Tahoma, Helvetica, sans-serif;
	font-size:10px;
    line-height: 5px;
    background-color: #B44936;
	border-top: 0px solid;
    overflow: hidden
}
.ubi {
	padding-top:3px;
	padding-left:5px;
}
/*Barra Derecha lateral*/
.barrad {
	float: left;
	width: 160px;
	height:6px;
    
}
.barrad2 {
	float: left;
	width: 160px;
	height:6px;
    background-image: url(images/barrad2.jpg);
}
/************ FIN de Sidebar Izquierdo de Navegación  *************/

/* CONTENIDO */
.contenido {
	float: left;
	background: #FFF;
	padding-top:10px;
	width: 705px;
}

.contenido p
{
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 9pt;
  color: #888888
}

/**************************************************************/
.frame {
	float: left;
	width:705px;
	height:220px;
	background: #FFF;
}

/************************************************************/
.nave  {
	float: left;
	width: 705px;
	border-bottom:2px solid #FFF;
	border-top: 2px solid #FFF;
	background:  #E1E1E1;
	height: 20px;
	color:#600
}
.nave a {
	color: #666;
	display:inline;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	FONT-weight: bold;
	line-height: 20px;
	padding: 0 5px;
	text-decoration: none;
}
.nave a:hover {
	color: #000;
}
/*******************************************************/
/********* ESTO ES LAS PAG FRAME *******************/
.fondo {
	width: 700px;
	height:260px;
	background:#FFF;
}
.fondo .rellenar {
	float: left;
	width:500px;
	height:220px;
	background: #FFF;
}
.fondo .comentario {
	float: left;
	width: 200px;
	height:220px;
	background: #FFF;
}
.fondo p {padding-bottom:0px;font-family:Tahoma; font-size:10px;}
.gracias {
	float: left;
	width: 400px;
	height:160px;
	margin-top:20px;
	margin-left:60px;
	border:1px solid #CCC;
	background: #F2F2F2;/*#C4E5E5;*/
}
.fondo .gracias {color:#900; font-family:Tahoma; font-size:12px;}
/*******************************************************/
.datos {
	float: left;
	width: 705px;
	height:10px;
	border-top:3px solid #3E6380;
	background: #D7AE84;
}

.detalles {
	float: left;
	width:380px;
	height:165px;
	margin-left:5px;
	background: #D7AE84;
	padding-right:10px;
}
.detalles p {font-size:11px; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.detalles h3 {font-size:17px; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.chica p {font-size:10px;  font-weight:normal}
.logos {
	float: left;
	width:300px;
	height:165px;
	background: #E0DB6E;
}
/**************************************************************/

/* Pie */
.pie {
	border-top:1px solid #777;
	background: #C1C1C1;
	color: #444;
	font: 10px sans-serif;
	line-height: 25px;
	text-align: center;
	margin: 0 auto;
}
.pie a,.pie a:hover{color: #FFF;}