/**** CSS de etiquetas  *****************************************************************/

body{
	background: url(../imagenes/bg.png) repeat;
	margin: 0;
	font-family:tahoma,arial,verdana,sans-serif;
	font-size:62.5%;
	color:#333;
	line-height:1.8em;
}



/**** CSS --- principal  ****************************************************************/

#main{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}

#cabecera{
	width: 100%;
	margin: 0;
	height: 70px;
	padding: 0;
	border: 0;
	background: url(../imagenes/logo.png) no-repeat;
	border-top: 3px solid #2f9a30;
}

#contenedor{
	width: *;
	margin: 10px 5px 0 5px;
	padding: 0;
}

#pie{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}

#pie center{
	font-size: 9px;
	line-height:1.2em;
	color: #5d5d5d;
	font-family:arial,verdana,sans-serif;
	
}

/**** CSS --- secundario  ***************************************************************/


#contenedor #menu{
	width: 190px;
	float: left;
	margin: 0;
	padding: 0;
}

#contenedor #menu ul{
	width: 120px;
	list-style-type: none;
	padding: 0;
	margin: 30px 0 0 20px;
	border-top: 1px solid #2f9a30;
	border-bottom: 1px solid #2f9a30;
}

#contenedor #menu ul li{
	background-image: url(../imagenes/cuadro_menu.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 0px 12px;
}

#contenedor #menu ul li a{
	text-decoration: none;
	font-family: tahoma,arial,verdana,sans-serif;
	font-size:100%;
	color:#333;
}

#contenedor #menu ul li a:hover{
	color:#f5873a;
}


#contenedor #contenido{
	width: *;
	margin: 0 0 0 195px;
	padding: 0 30px 0 0px;
	font-family: tahoma,arial,verdana,sans-serif;
	font-size:11px;
	color:#333;
}

#contenedor #contenido #titulo{
	font-family: tahoma,arial,verdana,sans-serif;
	font-size:15px;
	color:#333;
	margin: 0 0 15px 0;
}

#contenedor #contenido #subtitulo{
	font-family: tahoma,arial,verdana,sans-serif;
	font-size:13px;
	color:#f5873a;
	margin: 0 0 5px 0;
}

#contenedor #contenido a{
	text-decoration: none;
	font-family: tahoma,arial,verdana,sans-serif;
	font-size:100%;
	color:#333;
}

#contenedor #contenido a:hover{
	color:#f5873a;
}


#contenedor #store{
	width: 300px;
	margin: 0px 0 40px 50px;
	border-bottom: 1px solid #2f9a30;
	background: url(../imagenes/marinero_hoja.jpg) top left no-repeat;
	background-position: 0px 30px;
}

#contenedor #store #nombre{
	margin: 0 0 0 70px;
	font-weight: bold;
	font-size: 15px;
}

#contenedor #store #dir{
	margin: 0px 0 0 70px;
}

#contenedor #store #tel{
	margin: 10px 0 5px 70px;
	color: #00f;
}

#contenedor #lista ul{
	width: 200px;
	list-style-type: none;
	padding: 0;
	margin: 0px 0 50px 50px;
}

#contenedor #lista ul li{
	background-image: url(../imagenes/cuadro_menu.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 0px 12px;
}


#contenedor #form{
	width: 300px;
	margin: 0px 0 0 50px;
	background-position: 0px 30px;
}


#contenedor #directorio{
	width: 200px;
	margin: 0px 0 20px 50px;
	border-bottom: 1px solid #2f9a30;
}

#contenedor #directorio #nombre{
	margin: 0 0 0 0px;
	font-weight: bold;
	font-size: 15px;
}

#contenedor #directorio #correo{
	margin: 0px 0 0 0px;
}

#contenedor #directorio #enlace{
	margin: 5px 0 5px 0px;
	color: #00f;
}



/**** CSS de la portada *****************************************************************/


#contenedor center #centro{
	width: 590px;
	height: 325px;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
}

#contenedor center #centro #arriba{
	width: 590px;
	height: 205px;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
	margin: 0 0 10px 0;
}

#contenedor center #centro #abajo{
	width: 590px;
	height: 110px;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
}

#contenedor center #centro #abajo #uno{
	float: left;
	width: 285px;
	height: 110px;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
}

#contenedor center #centro #abajo #dos{
	float: right;
	width: 285px;
	height: 110px;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
}


#contenedor #derecho{
	float: right;
	width: 184px;
	height: 446px;
	margin: 0;
	padding: 0 5px 0 0;
	border: 0px solid #000;
}


#contenedor #izquierdo{
	float: left;
	width: 183px;
	height: 446px;
	margin: 0;
	padding: 0 0 0 10px;
	border: 0px solid #000;
}


/**** CSS del menú dinámico  ************************************************************/

a#m1 {
	display:block;
	width:114px;
	height:54px;
	text-indent:-9999px;
	background:url(../imagenes/m1.png) top left no-repeat;
	float: right;
}

a#m2 {
	display:block;
	width:116px;
	height:54px;
	text-indent:-9999px;
	background:url(../imagenes/m2.png) top left no-repeat;
	float: right;
}

a#m3 {
	display:block;
	width:118px;
	height:54px;
	text-indent:-9999px;
	background:url(../imagenes/m3.png) top left no-repeat;
	float: right;
}

a#m4 {
	display:block;
	width:104px;
	height:54px;
	text-indent:-9999px;
	background:url(../imagenes/m4.png) top left no-repeat;
	float: right;
}

a#m5 {
	display:block;
	width:96px;
	height:54px;
	text-indent:-9999px;
	background:url(../imagenes/m5.png) top left no-repeat;
	float: right;
}

a#m6 {
	display:block;
	width:70px;
	height:54px;
	text-indent:-9999px;
	background:url(../imagenes/m6.png) top left no-repeat;
	float: right;
}

a#m7 {
	display:block;
	width:106px;
	height:54px;
	text-indent:-9999px;
	background:url(../imagenes/m7.png) top left no-repeat;
	float: right;
}

a#logo {
	display:block;
	width:267px;
	height:70px;
	float: right;
	text-decoration: none;
}

a#m1:hover, a#m2:hover, a#m3:hover, a#m4:hover, a#m5:hover, a#m6:hover, a#m7:hover {
	background-position:0 -54px;
}

/****************************************************************************************/