/************************************/
/* www.heriasymendez.com            */
/* Estilos de las paginas generales */
/* Daniel García Alfonso            */
/* dgalfonsoARROBAgmail.com         */
/************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #DEE4EE;
	text-align:center;
}

img {
	border: 0;
}

#contenedor {
	width:980px;
	border:1px solid #333333;
	background-color: transparent;
	margin: 0 auto;
	text-align:left;
}
	
#cabecera {
	height: 100px;
	background-color: White;
	background-image: url(../imagenes/cabecera.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0px 20px 0px 20px;
}

/* Elementos de la cabecera */

#logo {
	float: left;
	background-image: url(../imagenes/logo.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 400px;
	height: 70px;
	margin-top: 5px;
	margin-left: 15px;
}

#servicios {
	float: right;
	color: #1D59CD;
	padding-top: 20px;
	padding-right: 25px;
}

#minimenu {
	float: right;
	clear: right;
	width: 320px;
	padding-top: 20px;	
}
#minimenu a {
	color: #1D59CD;
	text-decoration: none;
}
#minimenu a:visited {
	color: #1D59CD;
}
#minimenu a:hover {
	color: Red;
}

/********** Banner con la imagen superior *************/
#banner {
	height: 150px;
	background-color: #DEE4EE;
	border-bottom: 2px solid #01005d;
}

/************ Menu principal *********************/
#menu {
	height: 37px;
	padding-top: 2px;
	border-bottom: 2px solid #01005d;
	background-color: #A80000;
}
#menu ul {
	font-size: 15px;
	font-weight: bold;
}
#menu li {
	float: left;
	display: block;
	text-align: center;
	margin-left: 30px;
}
#menu a {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: White;
	text-decoration: none;
	display: block;
}
#menu a:visited {
	color: White;
}
#menu a:hover {
	color: Red;
}

/************ Cuerpo de la página *******************/
#cuerpo {
}

/*********** Menu de la izquierda *****************/
#menusecciones {
	float: left;
	background-image: url(../imagenes/fondo_menu.gif);
	background-repeat: no-repeat;
	background-color: #dee4ee;
	width: 150px;
	height: 230px;
	margin-top: 40px;
	margin-left: 5px;
	padding-top: 50px;
	padding-left: 10px;
	padding-bottom: 25px;
}
#menusecciones h4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	color: Silver;
}
#menusecciones ul {
	font-size: small;
	list-style: none;
}
#menusecciones li {
	margin-right: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
#menusecciones a {
	color: White;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
}
#menusecciones a:visited {
	color: White;
}
#menusecciones a:hover {
	color: Red;
}

/* clase para la seccion actual */
.seccionactual {
	background-color: #a80000;
}

/************** Ruta actual *****************/
#ruta {
	margin-left: 25%;
}
#ruta a {
	color: #1D59CD;
	text-decoration: none;
}
#ruta a:visited {
	color: #1D59CD;
}
#ruta a:hover {
	color: Red;
}

/************** Contenido de la sección **************/
#contenedorcuerposeccion {
	height: 88%;
	margin-top: 10px;
	margin-left: 16%;
}

#cuerposeccion {
	float:left;
	width: 78%;
	height: 99%;
	font-family: Tahoma;
}
#cuerposeccion h2 {
	margin-left: 10%;
	font-size: x-large;
	color: #1D59CD;
}
#cuerposeccion h3 {
   margin-top: 5%;
   margin-left: 12%;
   color: #1D59CD;
}
#cuerposeccion h4 {
	margin-top: 1.5%;
	margin-left: 14%;
	color: #1D59CD;
}

/* clase para las listas principales */
.listaprinc {
	padding-top: 1%;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}

#cuerposeccion p {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 18%;	
	font-family: Tahoma;
	/*font-weight: bolder;*/
}

#cuerposeccion ul {
   margin-left: 22%;
   margin-top: 10px;
   list-style: disc;
}
#cuerposeccion ol {
   margin-left: 22%;
   margin-top: 10px;
   list-style: lower-alpha;
}
#cuerposeccion li {
   margin-top: 7px;
}

#cuerposeccion a {
   color: #1d59cd;
   font-weight: bold;
   text-decoration: none;
}
#cuerposeccion a:visited {
   color: #1d59cd;
}
#cuerposeccion a:hover {
   color: Red;
}

/***************** Menú de la derecha ***************/
#enlaces {
	float: right;
	width: 20%;
	height: 270px;
	background-image: url(../imagenes/fondo_enlaces.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 20px;
	text-align: center;
}
#enlaces h4 {
	margin: 4%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	color: Silver;
}
#enlaces ul {
	list-style: none;
}
#enlaces li {
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 23px;
}
#enlaces a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: White;
	text-decoration: none;
	display: block;
}
#enlaces a:visited {
	color: White;
}
#enlaces a:hover {
	color: Red;
}

/***************** Seccion de contacto ******************/
#contacto {
	width: 100%;
	background-color: #B9BFE6;
	border-top: 1px solid Black;
}

/* Direccion de la empresa */
#direccion {
	float: left;
	width: 30%;
}
.nombre {
	padding-left: 2%;
	color: #1D59CD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
   font-weight: bold;
}
.dir {
	padding-left: 4%;
	font-family: Courier;
	font-size: small;
   color: black;
}
.resaltado {
	padding-left: 4%;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: small;
   color: White;
	background-color: #A80000;
}

/* Formulario */
#frm {
	float: right;
	width: 69%;
}
#frm br {
	clear: left;
}
fieldset {
	border: 0;
}
legend {
	color: #1D59CD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
   font-weight: bold;
}
label {
	display: block;
	padding-left: 5%;
	text-align: right;
	width: 80px;
	margin: 5px;
   color: black;
	font-family: "Bitstream Vera Sans";
	font-size: small;
}
input {
	margin: 5px;
}
textarea {
	margin: 5px;
	width: 450px;
	height: 50px;
}
.submit {
   float: right;
   margin-right: 5px;
}

/******************** Pie de página ********************/
#pie {
	height: 20px;
	color: Navy;
	text-align: center;
	border-top: 1px solid #01005d;
	font-family: "Courier New", Courier, monospace;
	font-size: small;
	background-color: #A3A7CA;
	background-image: url(../imagenes/pie.jpg);
	background-repeat: repeat-x;
	padding-top: 10px; 
}

#pie p {
	/*margin-top: 10px;*/
	display: inline;
}

/****** varios ******/
.flotaderecha {
	float: right;
}
.flotaizquierda {
	float: left;
}
#limpiador {
	clear: both;
	height: 0;
	margin-bottom: 15px;
}
#limpiador_contacto {
	clear: both;
	height: 0;
	background-color: #B9BFE6;
} 

#w3c {
	float: right;
	margin-top: -25px;
}