/*****************************************************************************/
/*****************************************************************************/
/*                                Secciones                                  */
/*****************************************************************************/
/*****************************************************************************/



/******************************** PÁGINA *************************************/

body {
	background: #7F8DA0 url(../../images/comun/fondo.jpg) top center repeat-y;
  	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}


#pagina {
	margin: 0px auto auto;
	width: 750px;
	height: 100%;
	border-left: 4px solid #424F62;
	border-right: 4px solid #424F62;
	background-color: #DCDCDC ;
}

a{
	color:  #424F62;
}
a:hover, a:visited:hover{
	color:  black;
	text-decoration: none;
}
a:visited{
	color:  #AAAAAA;
}



/******************************** CABECERA ***********************************/

#cabecera {
	background-color: white;		
	width: 750px;
	height: 100px;
	margin: 0px auto auto;
	text-align: left;
}



/************************************ MENU  **********************************/

#menu {
	float: left;
	width: 130px;	
	background-color: #DCDCDC;
	text-align: left;
}

	#menu a{
    	font: bold 11px Verdana;
      	padding: 2px;
      	padding-left: 10px;
      	display: block;
      	color: #999;
      	text-decoration: none;
      	border-bottom: 1px solid #CCC;
		height:17px;
		vertical-align:middle;
	}
	
	#menu a:hover{		
		-moz-border-radius-bottomleft: 10000px;
		-moz-border-radius-topleft: 10000px;
		background-color: #E4E4E4; 
	}
	
.submenu{
  	font: normal 11px Verdana;
    padding: 2px;
    padding-left: 20px;
    display: block;
   	width: 110px;
   	color: #999;
   	text-decoration: none;
}



/********************************* CONTENIDO *********************************/	

#contenido {
	float: right;
	width: 618px;
	position: relative;
	margin: 0px auto auto;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	font: normal 11px Verdana;
	line-height: 145%;	
	color:#424F62;
}
	
	
#subcontenido {
	width: 580px;
	float: right;
	position: relative;
	background-color: white;
	margin: 0px auto auto;
	margin-left: -2px;
	padding: 0px 20px 0px 20px;	
}

.titulo{	
	font: normal bold Verdana;
	font-size: 20px;	
}
.subtitulo{	
	font: normal bold Verdana;
	font-size: 15px;	
}

#vacioBlanco{	
	float: right;
	width: 620px;
	height: 20px;
	position: relative;
	background-color: white;	
	margin: 0px auto auto;
	margin-left: -2px;
	padding: 0px 0px 0px 0px;
}
#vacioGris{	
	float: right;
	width: 620px;
	height: 10px;
	position: relative;	
	margin: 0px auto auto;
	margin-left: -2px;
	padding: 0px 0px 0px 0px;
}



/************************************ PIE ************************************/

#pie {
	clear: both;	
	width: 750px;
	margin: 0px auto auto;
	border: 0px;
	border-top: 1px solid #999;
	background-color: gray;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
}

	a.linkPie{
		color:white;
		font: normal 12px Verdana;
	  	text-decoration: none;
	}
	a.linkPie:hover{
		color:#424F62;
	}






/*****************************************************************************/
/*****************************************************************************/
/*                                  Páginas                                  */
/*****************************************************************************/
/*****************************************************************************/



/********************************* CONTACTAR *********************************/

.listaContactarOn{
	padding-left: 10px;
	list-style: square inside;
	color:#424F62;
	font: bold 13px Verdana;
}	

.listaContactarOff{
	padding-left: 23px;
	list-style: none;
	font: normal 13px Verdana;
}


/********************************* INDEX **************************************/

img.imgMJG{
	padding:5px;
	width:560px;
	height:360px;
}




/*****************************************************************************/
/*****************************************************************************/
/*                                General                                    */
/*****************************************************************************/
/*****************************************************************************/

p{
	text-align:justify;
}

.subsubtitulo{	
	font-family: "MS Reference Sans Serif", "MS Sans Serif", Verdana, sans-serif;
	font-weight: bold;
	color: #424F62;
}

.textoPeque{
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font: oblique normal normal 1em/1.5em Verdana, Arial, sans-serif;
	color: gray;
}





/*****************************************************************************/
/*****************************************************************************/
/*                                  TABLAS                                   */
/*****************************************************************************/
/*****************************************************************************/


/************************** TABLA DE MOSTRARIO ********************************/

td.celdaImagen{
	background-color: #EADABE;
	padding: 10px;
	-moz-border-radius: 300px;
	text-align:center;
	width:100px;
}

	td.celdaImagen a{
		border-color:#424F62;
		border-width: 3px;		
	}
	td.celdaImagen:hover a{
		color: white;
	}	
	
	td.celdaImagen:hover img{
	/*	width:120px;*/
		border-color:#424F62;
	/*	border-width: 3px;	*/	
	}
	
td.celdaImagen img {	
	border-width: 2px;
	color:  #424F62;	
}
		

td.celdaTexto{
	background-color: #EADABE;
	padding: 10px;
	text-align: justify;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 2px;
}


td.celdaTexto a{
	border: 2px;
	color: #bd8600;
	text-decoration:none;
}
td.celdaTexto a:hover{
	border: 5px;
	color:  #424F62;
	text-decoration:underline;	
}



/************************* TABLA DE ACABADOS *******************************/

table.tablaAcabados{
	text-align:center;
	vertical-align: middle;
	width:80%;
}
table.tablaAcabados td{
	/*background-color: #F9E8AF;*/
	background-color: #EADABE;
	padding: 10px;
	text-align: center; 
	
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 30px;
	
	width:160px;
	height:140px;
}

table.tablaAcabados td a img{
	border:0px;
  	text-decoration: none;
}

table.tablaAcabados td a{
	color: #bd8600;
	text-decoration:none;
}
table.tablaAcabados td a:hover{	
	color:  #424F62;
	text-decoration:underline;
}

.noteUnderPic{
	color:gray;	
	font: normal 8px Verdana;
}	

	

/************************* Provisional, para la lista de materiales estática **************************/

.ListaMateriales{
	
}

.ListaMateriales li{
	margin-left:20px;
	list-style:square;
}
td.celdaTituloTablaMateriales{	
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #424F62;
	text-align:left;
	font-size:13px;
}