/*
Documento CSS propiedad de FLEXO estudio digital.
Prohibida la reproducción total o parcial de este código salvo consentimiento expreso del autor.
*/


/* ---------- Elementos ---------------------------------------------------------------------- */

body	{
	margin: 0px;
	padding:0px;
	background-color: #251409;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

a img  {
	border:none;
	margin: 0px;
	}

acronym {cursor: help;}

p{
margin:5px 5px;
padding: 5px;
}

a {
	text-decoration: none;
	color:#98A918;
}

a:hover {
	text-decoration: underline;
}

td{ font-size:10px;}

/*-------- elementos de formulario ----------------------------------------------------------------------------*/

form {
margin-left: 10px;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #E9E6E0;
	border: 0px none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 2px;
	margin-bottom: 5px;
}
.boton {
	font-family: Small Fonts,Tahoma, Verdana, sans-serif;
	font-size: 9px;
	background-color: #E9E6E0;
	border: 1px solid #333;
}


/* ---------- encabezados ---------------------------------------------------------------------- */

h1 {
	margin: 10px 0px;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
	color: #3D3029;
}

h2 {
	margin: 0px 0px;
	padding: 5px 8px;
	font-size: 12px;
	font-weight: bold;
	color: #3D3029;
}
ul {
list-style-type:none;
margin:0px;
padding:0px;
}
li{

}



/* ---------- Capas ---------------------------------------------------------------------- */

#contenedor {
	position: absolute;
	left:50%;
	margin-left: -375px;
	width: 760px;
	z-index: 10;
}

#cabecera{
	height: 80px;
	z-index: 25;
}
#logo{
	position: relative;
	float: left;
	margin-top: 25px;
	font-size:2.5em;
	font-weight:bold;
	color:#FFFFFF;

}

#linkscab {
	position: relative;
	float: right;
  	padding: 70px 0px 0px 0px;
    margin:0px;
	font-size:11px;
	color: #B0AC9D;
	text-align:right;
	z-index: 100;
}

#menu {
	position: relative;
	float:left;
  	padding: 5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	color: #B0AC9D;
	width: 150px;
	z-index:100;
}

#central {
	position: relative;
	float:left;
	margin: 0px 0px 10px 10px;
  	padding: 5px 0px 0px 0px;
	font-size:11px;
	color: #B0AC9D;
	width: 340px;
	z-index:100;
}

#contenidos {
	background-color:#FFFFFF;
	padding: 10px;
	margin-top: 5px;
	color:#333333;
}
#pastillas{
	margin-top: 10px;
}

#lateral {
	position: relative;
	float:left;
	margin-left:10px;
	padding-top:5px;
	font-size:11px;
	color: #B0AC9D;
	width: 250px;
	z-index:100;
}

#diapositivas{
margin: 5px 0px 5px 0px;
}

#separador {
clear:both;
font-size: 1px;
height:1px;
}

#productos {
	font-size: 70%;
	padding: 15px;
	background-color: #251409;
	}


/* ---------- lista del menu ------------------------------------------------------------ */

/* estilo de lista desordenada: mostrar o no las viñetas  */
#menu ul {
	margin: 5px 0px 5px 0px;
	padding: 10px 0px 10px 10px;
	list-style: none;
	background-color:#F1F1E6;
}

/* lista del menu  */
#menu li {
	list-style: none;
	vertical-align: top;
	width: 130px;
}
 
/* rollover de los elementos de la lista menu  */
#menu li a{
	display: block;
	padding: 3px 0px 3px 15px;
	background-image: url(../img/ico_flechita.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	border-bottom:1px solid #CBC8BE;
	color:#3D3029;
}	

/* rollover de los elementos de la lista menu  */
#menu li a:hover {
	background-color:#ffffff;
    text-decoration: none;
}


/* ---------- lista de productos ------------------------------------------------------------ */

/* estilo de lista desordenada: mostrar o no las viñetas  */
.productos ul {
list-style: none;
}

/* lista del menu  */
.productos li {
	margin: 0px 10px;
	padding: 0px;
	background-color: #F1F1E6;
	list-style: none;
}
 
/* rollover de los elementos de la lista menu  */
.productos li a{
	display: block;
	padding: 3px 0px 3px 15px;
	background-image:url(/img/ico_cuad_gr.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	border-bottom:1px solid #FFFFFF;
	color:#333333;
}	

/* rollover de los elementos de la lista menu  */
.productos li a:hover {
	background-color:#99CC00;
    text-decoration: none;
}

/* ----------------- listado ------------*/
.listado ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listado li {
	margin: 0px 0px 0px 2px;
	padding: 3px 0px 3px 15px;
	text-decoration: none;	
	border-bottom:1px solid #EFEFEF;
	background-image:url(/img/ico_flecha_der.gif);
	background-repeat:no-repeat;
	background-position:3px 8px;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}


/* ----------  class ---------------------------------------------------------------------- */

.mapa {color: #00CCFF;}
.blanco{color:#ffffff;}
.negro {color:#000000;}
.verde {color:#669900;}
.gris {color:#666666;}

.fechanot{
margin:0px 8px;
padding:0px;
font-size:11px;
color:#666666;}

.submenu {
	font-size:0.9em;
	color:#669900;
	padding: 0px 2px;
}
.mini {font-size:10px; color:#666666;}

.tecla {text-decoration: underline;}

.marco {
	border:5px solid #F1F1E6;
	margin:2px 5px;
}

.marcoblanco {
	border:3px double #ffffff;
}

.linea {
	border-top:1px solid #B0AC9D;
	margin:5px 0px;
    padding: 0px;
}
.lineaverde {
	border-top:1px solid #99CC00;
	margin: 5px 0px;
    padding: 0px;
}

.subir {
	margin: 0px 0px;
	padding: 5px 5px;
	border-bottom: 1px solid #B0AC9D;
	text-align: right;
	font-size: 11px;
    color: #FFFFFF;
}

.pastilla {
	margin: 10px 0px 0px 0px;
    padding: 0px;
}

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

.interior ul {
margin:0px;
padding:0px;
}

.interior li a{
	list-style-type: none;
    margin-left: 10px;
	padding-left: 15px;
	background-image: url(/img/ico_cuad_gr.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}

.acces ul {
margin:0px;
padding:0px;
}

.acces li {
	list-style-type: none;
    margin-left: 10px;
	padding-left: 15px;
	background-image: url(/img/ico_cuad_gr.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}



