@charset "UTF-8";
/* Hoja de estilos css/html */
/* Cestema  .  Ingenieria minera  .  Almeria, Andalucia, España */

/* BABYDOG arte y comunicacion  .  Granada, Andalucia, España */
/* http://www.babydog.es */

/* Juan Manuel Alcon  .  Granada, Andalucia, España */
/* http://www.juanmanuelalcon.com */


/* ESTILOS LAYOUT */

html, body{
	margin: 0px;
	background-color:#fff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#container{
	width:974px;
	margin:0px auto;
	position:relative;
}

#main {
	width:974px;
	margin-top:60px;
	position:relative;
	float:left;
}

#header {
	width:974px;
	height:50px;
}

#header .logo {
	float:left;
}

#menu {
	float:right;
	height:50px;
}

/* MENU SUPERIOR BOTON ACTIVO */

body.category1 #menu li#cat1 a, 
body.category2 #menu li#cat2 a, 
body.category3 #menu li#cat3 a, 
body.category4 #menu li#cat4 a,
body.category5 #menu li#cat5 a,
body.category6 #menu li#cat6 a { 
	background:url(../imagenes/bgr_cestema/bgr_hover_menu.gif) repeat-x;
	color: #b5141a;
}


/* MENU SUPERIOR */

#menu ul {
	margin: 0; 
	padding: 0;
	font:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#333;
	float:right;
	line-height:30px;
	list-style: none;
} 

#menu ul, li {
	float:left;
	margin-left:20px;
}

#menu ul a { 
	display: block;
	text-decoration: none; 
	color: #333;
} 

#menu ul a:hover { 
	color: #b5141a;
	background:url(../imagenes/bgr_cestema/bgr_hover_menu.gif) repeat-x;
}


/* tabla central */

.col_001 {
	width:20px;
	height:220px;
	background-image:url(../imagenes/bgr_cestema/col_001.gif);
}

.col_002 {
	width:614px;
	height:220px;
}

.col_003 {
	width:340px;
	height:220px;
	background-color:#b5141a;
}

/* MENU PARTE CENTRAL */

#submenu {
	color:#5d0a0d;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#submenu ul {
	margin-left: 45px; 
	padding: 0; 
	list-style: none;
}

#submenu ul a { 
	display:block;
	width: 250px;
	line-height: 25px; 
	color: #5d0a0d; 
	text-decoration: none; 
}

#submenu ul a:hover { 
	color: #ffffff;
}

.breadcrumb_contenidos {
	font-size:11px;
	color:#5d0a0d;
	width:315px;
	float:left;
	padding-left:25px;
	padding-top:25px;
}

/* PARTE CENTRAL - IMAGEN Y SUBMENU */

#central {
	width:974px;
	height:220px;
	background:url(../imagenes/bgr_cestema/central_bgr_cestema.gif) repeat-y;
}

#imagen_principal {
	position:absolute;
	left:20px;
	width:614px;
	height:220px;
}

#central p {
	font:12px;
	color:#666;
}

#textos_sobre_rojo {
	position:absolute;
	left:634px;
	width:340px;
	height:195px;
}

.breadcrumb {
	font-size:0.65em;
	color:#5d0a0d;
	width:315px;
	height:160px;
	float:left;
	padding:25px 0px 0px 25px;
}

.claim {
	font-size:0.65em;
	width:320px;
	text-align:right;
	color:#fff;
	padding-right:20px;
}

/* PARTE CENTRAL - CONTENIDOS */

#central_contents {
	width:974px;
	min-height:175px;
}

#columna_izq {
	width:634px;
	margin-bottom:50px;
	float:left;
}

#columna_der {
	width:340px;
	float:right;
}

#columna_der img {
	margin-top:35px;
	float:left;
}

#columna_izq p {
	margin-left:35px;
	margin-right:35px;
	color:#666;
	font-size:11px;
}

#columna_izq h1 {
	font-weight:lighter;
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	color:#b5141a;
	margin-left:20px;
	margin-bottom:-10px;
}

.h1_contenidos {
	font-weight:lighter;
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	color:#b5141a;
	margin-top:40px;
	margin-left:35px;
}

#columna_izq h2 {
	font-weight:lighter;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#b5141a;
	margin-left:35px;
}

/* FOOTER */

#footer {
	width:974px;
	height:25px;
	margin-top:30px;
	margin-bottom:25px;
}

.dir_footer {
	font-size:11px;
	color:#666;
	width:700px;
	padding-left:35px;
	float:left;
}

.direct_links_footer {
	width:239px;
	text-align:right;
	font-size:11px;
	color:#333;
	float:right;
}

/* ENLACES */


a .logo {
	margin:0;
	padding:0;
	border:none;
}

.dir_footer a {
	text-decoration:none;
	color:#333;
}

.direct_links_footer a {
	text-decoration:none;
	color:#333;
}

.breadcrumb a {
	color:#5d0a0d;
	text-decoration:none;
}

.breadcrumb a:hover {
	color:#5d0a0d;
	font-weight:bold;
	text-decoration:none;
}

.breadcrumb_contenidos a {
	color:#5d0a0d;
	text-decoration:none;
}

.breadcrumb_contenidos a:hover {
	color:#5d0a0d;
	font-weight:bold;
	text-decoration:none;
}

/* -> FORMULARIO <<------------------------------ */


input[type="text"], textarea{
	width: 572px;
	border: 1px solid #999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

input[type="submit"], input[type="reset"]{
	border: 1px solid #999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	background-color:#ffffff;
}