@charset "utf-8";
/* CSS Document */


/* -----------------------------------

Estilos relacionados con el areas de contenido que aplican a todos

----------------------------------------*/
body {
	margin:0;
	padding:0;
}

.contenidos{
	padding:109px 30px 69px;
	background-color:#FFF;
}
.contenidos h1 {
	font-size:25px;
	color:#F7B234;
	font-family:"Arial Black", Gadget, sans-serif;
	text-shadow: 1px 1px 1px rgba(125, 125, 125, 0.58);
	margin:17px 0 0 0;
}
.contenidos h2 {
	color:#524D48;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	margin:17px 0 0 0;
}
.contenidos h3 {
	color:#524D48;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin:5px;
}

.tituloSeccion {
	width:100%;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#636363;
	font-size:36px;
	/*float:left;*/
	margin:13px 0 0 0;
	border-bottom:1px #636363 solid;
}

/*--------- Columnas -----------*/

.columnaContenido{
	float:left;
}




/*Columna para banners de 300px ancho*/
.columnaPublicidad300x250 {
	widht:300px;
	padding:0 0 0 20px;
	/*background-color:#09C;*/
	float:right;
}
.columnaPublicidad300x250 img {
	margin:10px 0 10px 0;
}


/* ----------------- footer -------------*/

footer{
	width:100%;
	background:#756A65;
	padding:10px 20px;
	position:fixed;
	bottom:0;
	z-index:300;
}
footer h4 {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	margin:0;
}
fotter .tooltip3 {
	
}

/* ---------- tooltips -------*/

.tooltip, .tooltip2 {
	position:absolute;
	top:6px;
	right:6px;
}
.tooltip div, .tooltip2 div, .tooltip3 div   {
	width:200px;
	display:none;
	margin: 22px 0 0 0;
	position:absolute;
	background-color:rgb(52, 141, 212);
	color:#FFF;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	z-index:300;
	-webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.3);
	-webkit-border-radius: 5px;
border-radius: 5px;
	
	

}
.tooltip2 div {
	right:0;
	
}
.tooltip:hover div, .tooltip2:hover div, .tooltip3:hover div {
	display:block;
	
}
.tooltip3 div {
	background-color:rgb(96, 120, 90);
	bottom:28px;
}

/* --------- Campos tipo tabla ------------*/
/*Row*/
.row {
	width:930px;
	display:block;
	margin-top:5px;
}
.rowAncho {
	width:1281px;
	display:block;
	margin-top:5px;
}
.cell_titulo {
	background:#736357;
}

.cell_titulo > h3 {
	color:#F7B234;
	display:block;
	margin:5px;
	font-size:12px;
}
.cell_total {
	background:#F3E8E0;
}
.cell_total > h3 {
	color:#8A7858;
	display:block;
	margin:5px;
	font-size:12px;
}

/*Color de fondo de las celdas editables*/
.editable {
	background-color:#F7F7F7;
	
}