body {
	margin: 0px;
	background-image: url(../images/bg.jpg);
	text-align:center;
	}
	
body,td,th {
	font: 12px/1.4em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}



/************** ETIQUETAS *****************/	

h1,h2,h3,h4,h5,h6, p {
	margin: 0.75em 0 0.75em 0; color:#fff;
	}
h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:12px; margin: 0 0 0.25em 0}

a{
	color:#FF3300;
	text-decoration:none;
	}
	
a:hover{
	color:#FF9900;
	text-decoration:none;
	}



/************** ESTILOS *****************/	

#cuerpo ul {
	margin: 5px 0px;
	padding: 0px;
	list-style-type: none;
	}
	
#cuerpo li { 
	padding:6px 0px;
	margin-left:15px;
	}
	
#cuerpo ul.items li{
	padding:3px 0px 3px 22px;
	background:  url(../images/flechitas5.gif) no-repeat 0px -13px;
	}

#cuerpo li a, #cuerpo_panel li a{ 
	background:  url(../images/flechitas5.gif) no-repeat 0px 1px;
	padding-left:22px;
	font-weight:bold;
	}
	
#cuerpo li a:hover, #cuerpo_panel li a:hover{
	background-position:0px -17px;
	}

/****  Mapa del sitio  ****/

#cuerpo li ul li a{ 
	background:  url(../images/flechitasss1.gif) no-repeat 6px 4px;
	padding-left:22px; font-weight:bold;
	font-weight:normal;
	}
	
#cuerpo li ul li a:hover{
	background-position:6px -14px;
	}



/**** Obras Realizadas  ****/

.empresa{
	padding-left:22px;
	font-weight:bold;
	background:  url(../images/flechitas5.gif) no-repeat 0px -17px;
	}

/**** Links lateral sup  ****/

#lateral_sup li {
	padding:3px 0px;
	margin-left:0px;
	font-size:12px;
	font-weight:normal;
	}

#lateral_sup li a{ 
	background:  url(../images/flechitas4.gif) no-repeat 0px 2px;
	padding-left:15px;
	}
	
#lateral_sup li a:hover{
	background-position:0px -16px;
	}
	
/**** VARIOS  ****/

.marca {
	font-weight:bold;
	}

.titulo{
	color: #FFCC00;
	}
	
.center{
	text-align:center;
	}

.left{
	text-align:left;
	margin:auto;
	}

.images{
	border:1px solid #000;
	margin:3px 0 0 5px;
	}
.images-izq{
	border:1px solid #000;
	margin:3px 5px 0 0px;
	float:left;
	}
	
.images-der{
	border:1px solid #000;
	margin:3px 0px 0 5px;
	float: right;
	}
	
.imagenes{
	clear:left;
	width:85%;
	text-align:center;
	margin:2em auto;
	}
	
.recuadro{
	clear:left;
	padding:5px;
	border:1px dashed #fff;
	font-size:11px;
	width:85%;
	margin:2em auto;
	}
	
.img_caption{
	width:170px;
	float:left;
	margin: 0px 5px;
	text-align:center;
	font-size:10px;
	color:#CCCCCC;
	}
	
.img_caption img {
	border:1px solid #000;
	}
	
.img_caption_big{
	text-align:center;
	font-size:10px;
	color:#CCCCCC;
	float:none;
	margin:auto;
	}



/*******  FORMULARIO DE CONTÁCTENOS  *******/

#form{
margin:0px;
}
div.row {
  clear: left;
  padding: 2px 0px;
  margin:0 auto;
  width:50%;
  border-bottom:1px solid #4A4A4A;
  }
div.row span.label {
  float: left;
  width: 100px;
  text-align: left;
  padding: 1px 10px 0 0;
  }
div.row span.formw {
  width: 150px;
  text-align: center;
  margin:auto;
  } 
 div.row span.formw input{
 	border:1px solid #7A7184;
	width:240px;
	height:16px;
	font: 11px Tahoma, "Trebuchet MS", Verdana, sans-serif;
	color:#333;
	}
	
 div.row span.formw textarea{ 
 	border:1px solid #7A7184;
	width:237px;
	font: 11px Tahoma, "Trebuchet MS", Verdana, sans-serif;
	color:#333;
	}



/*******  PANEL DE ADMINISTRACIÓN  *******/

 #cuerpo_panel #contenido ul {
	margin: 5px 0px;
	padding: 0px;
	list-style-type: none;
	}
	
#cuerpo_panel #contenido li { 
	padding:6px 0px;
	margin-left:15px;
}
#cuerpo_panel #contenido ul li a{ 
	background:  url(../images/flechitas5.gif) no-repeat 0px 1px;
	padding-left:22px;
	font-weight:bold;
	border-bottom:none;
	}
#cuerpo_panel #contenido ul li a:hover{
	background-position:0px -17px;
	border-bottom:none;
	}

tbody.celdas td{
	padding:2px;
	}

.error {
	padding:8px 0px 8px 22px;
	background: url(../images/error.gif) no-repeat 0px 9px;
	color: #F30;
	}
	
.correcto {
	padding:8px 0px 8px 22px;
	background: url(../images/correcto.gif) no-repeat 0px 9px;
	color: #96b938;
	}
	
#cuerpo_panel a{
	color: #ccc;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	}
	
#cuerpo_panel a:hover{
	color:#ccc;
	text-decoration:none;
	border-bottom:none;
	}

/* probando link modificar noticias*/
#cuerpo_panel a.modificar{ 
	background:  url(../images/flechitas4.gif) no-repeat 0px 2px;
	padding-left:15px;
	cursor:pointer;
	border-bottom:none;
	}
	
#cuerpo_panel a.modificar:hover{
	background:  url(../images/flechitas4.gif) no-repeat 0px -16px;
	}



/**** Noticias.php  ****/

.autor{
	float:right;
	font-size:9px;
	}
	
.copete{
	font-weight:bold;
	}
	
.fecha{
	color:#CCC;
	}
	


/**** Noticias - Listado de Noticias  ****/

#listado {
	padding:10px 0px;
	border-top:1px solid #444444;
	}
#listado a.titulo{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	border:none;
	}
	
#listado a.titulo:hover{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	border:none;
	}
	
#listado .copete{
	font-weight:normal;
	font-size:11px;
	color:#CCC;
	}
	
#listado p, #listado h3 {
	margin:0px;
	}

#listado a{
	font-size:11px;
	}
	
	
	
/**** Noticias - Index  ****/
	
.noticias_index{
	width:99%;
	border-bottom:1px solid #444444;
	padding-top:12px;
	margin-bottom:4px;
	}
	
.noticias_titulo_index{
	font-weight:bold;
	font-size:12px;
	margin-top:0px;
	margin-bottom:0px;
	}