/* DISEÑO DE PAGINA */


body
{
		
		background-color: #FFFFFF;
		color: #646464;
		font-family:"Tw Cen MT";
		text-align:center;
		font-size:1em;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px; 
		/* barra de desplazamiento personalizada no funciona en Mozilla, pero si en Explorer*/
		/*scrollbar-face-color:#0033cc;
		scrollbar-shadow-color:#000033;
		scrollbar-highlight-color:#006699;
		scrollbar-3dlight-color:#0033cc;
		scrollbar-darkshadow-color:#000033;
		scrollbar-track-color:#00033cc;
		scrollbar-arrow-color:#000000;
		/*cursor personalizado 
		cursor: url(http://www.elmonstromo.com/elmonstromo.cur); 
		/* solo explorer*/
}
	
#layoutlogic
{
	margin:0 -1px;
	width:1000px;
	/*text-align: center;
	vertical-align: middle;*/
	margin-left: -500px;
	position: absolute;
	/*top: 50%;*/
	left: 50%; /*centrar la página cuando la resolución es mayor de 1024*/
	
}

.section
{
width:100%;
}	

#header
{
	background:url(_img/css/fondos/fondoheader.png);
	position:relative;
	z-index:0;
	width:100%;
	left: 1px;
	height:110px;
	text-align:center;
	/*display:inline; /* corregiendo un fallo de posicionamiento del ie */
}

#menu
{
	background:url(_img/css/fondos/fondomenu.png);
	position:relative;
	z-index:0;
	width:100%;
	left: 1px;
	height:65px;
	text-align:center;
}


#separador
{
	background:url(_img/css/fondos/fondocab.png);
	position:relative;
	z-index:0;
	width:800px;
	left: 1px;
	height:60px;
	text-align:left;
	float:left;
}

#cabecera
{
	border-bottom: 2px solid #000;
	height:51px;
	left:1px;
	margin-bottom:10px;
	margin-top:15px;
	position:relative;
	width:800px;
	z-index:0;
}

#logomarca
{
	position:relative;
	z-index:1;
	width:150px;
	left: 650px;
	height:50px;
	text-align:center;
	float:left;
}
	
#footer
{
	color:#0099FF;
	text-align:center;
	font-size:0.8em;
	font-family:"Tw Cen MT";
	position:relative;
	z-index:13;
	width:100%;
	height:30px;
	padding-top:10px;
}

.page2 /* Para ocultar parte de la pagina*/
{
		display:none;
}

.col-A, col-B
{
	position:relative;
	float:left;
	color:#646464;
}

.col-A
{
	margin-left:1px;
	z-index:10;
	width:164px;
	text-align:center;
	
	
}

.col-B
{
	margin-left: 185px;
	z-index:20;
	background-color: #FFFFFF;
	width:800px;
	font-family:"Tw Cen MT";
	text-align:justify;
	
	
}

.clear
{
clear:both;
}

.page > .section
{
	border-bottom: 1px solid #FFF;
}


.col-D
{
	float:left;
	z-index:20;
	background-color: #FFFFFF;
	width:250px;
	min-height:150px;
	height:auto;
	padding-top:27px;
	margin-left:12px;
	font-family:"Tw Cen MT";
	text-align:center;
	
	
}

#centrar
{
		text-align:center;
		margin-top:30px;
		margin-bottom:30px;
}

#centrar2
{
		text-align:center;
		width:50%;
		float:left;
		margin-top:10px;
		margin-bottom:10px;
}

#texto
{
		text-align:justify;
		width:100%;
		float:left;
		position:relative;
}

#texto2
{
		text-align:justify;
		width:50%;
		float:left;
		position:relative;
		margin-top:10px;
}

div.centrarmenu
{
		margin-left:150px;
		width:auto;
}
/* TIPOS DE FUENTES Y PARRAFO */


.titulo
	{
		font-family:"Tw Cen MT";
		color:#006666;
		text-decoration:underline;
}

.normal

	{
		color: #666;
		font-family:"Tw Cen MT";
}
		
.mini

	{
		
		font-size:0.9em;
		font-family:"Tw Cen MT";	
}

.referencia

	{
		color:#990000;
		font-family:"Tw Cen MT";
		font-style: italic;
}

.gamacolores

	{
		color:#5A3655;
		font-family:"Tw Cen MT";
		}

.grande
	{	font-size:1.2em;
		font-family:"Tw Cen MT";
		font-weight:lighter;
		}
		
.numeroimagen

	{
		color:#660000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		
		}

/*Cartas de colores*/

#colores
{
		background-color:#F4F4F4;
		border-top:#000 solid 2px;
		border-bottom:#000 solid 2px;
		margin-top:40px;
		margin-bottom:40px;
		margin-left:20px;
		margin-right:30px;
		padding-top:10px;
		padding-bottom:10px;
}
div.cf, div.cp, div.vmc, div.vgc, div.ame
{
		background-repeat:no-repeat;
		background-position:left;
		color:#5A3655;
		font-size:90%;
		margin-left:20px;
		margin-right:30px;
		margin-bottom:5px;
		min-height:40px;
		padding-left:80px;
		padding-bottom:10px;
		padding-top:10px;
}
div.cf
{		
		
		background-image:url(_img/css/div/li_cf.png);
		border-bottom:#000 solid 1px;
		
}
div.cp
{
		background-image:url(_img/css/div/li_cp.png);
		border-bottom:#000 solid 1px;
}
div.vmc
{

		background-image:url(_img/css/div/li_vmc.png);
		border-bottom:#000 solid 1px;
}
div.vgc
{
		
		background-image:url(_img/css/div/li_vgc.png);
		border-bottom:#000 solid 1px;
		
}
div.ame
{
		
		background-image:url(_img/css/div/li_am.png);
}

/* Características Miniatura */

#escala, #pintado
{
		background-position:center;
		background-repeat:no-repeat;
		color:#000;
		float:left;
		font-size:70%;
		height:10px;
		margin-bottom:10px;
		margin-top:3px;
		margin-right:5px;
		min-width:35px;
		padding-top:40px;
		text-align:center;
		width:auto;
		
		
		
}
#escala
{
		background-image:url(_img/css/div/li_escala.png);
}		

#pintado
{
		background-image:url(_img/css/div/li_pintado.png);
}

/* Vínculos */

a
{
		text-decoration: none;
		color: #000;
}



a:link
{
		color:#000;
		background-color:#F3F3F3;
		
}

a:visited
{
		text-decoration: none;
		color: #000000; /* opcional color #009933 */
		background-color:#FFFFCC;
}

a:active
	{
		text-decoration:none;
		color:#FFE340;
}

a:hover
	{
		color:#FFF;
		background-color:#CCCCCC;
		text-decoration:none;
}

a.botmenu, a.botmenu:link, a.botmenu:active {
float:left;
border-color: #000;
padding: 0px 3px 0px 3px;
background: #000000;
background-image:url(_img/css/fondos/bg_botmenu.gif);
background-repeat:repeat-x;
font: 14px "Tw Cen MT";
color: #FFFFFF;
text-decoration: none;
height:20px;
width:110px;
display:block;
border-right: #FFF 1px solid;
}

a.botmenu:hover, a.botmenu:active{
float:left;
border-color: #000;
padding: 0px 3px 0px 3px;
background-image:url(_img/css/fondos/bg_botmenu2.gif);
background-repeat:repeat-x;
font: 14px "Tw Cen MT";
color: #000000;
text-decoration: none;
height:20px;
width:110px;
display:block;
}


a.sin, a.sin:link, a.sin:visited, a.sin:hover 
{
		text-decoration: none;
		background-color:#FFF;
		border-width:0px;
}

/* Para moverse por la página y sección*/


a.atras
{
	background-image:url(_img/css/nav/atras25px.png);
	width:25px;
	height:25px;
	left: 725px;
	border-width:0px;
	color:#FFCC00;
	position:absolute;
	z-index:1;
	text-align:center;
}

a.subir
{
	background-image:url(_img/css/nav/subir25px.png);
	width:25px;
	height:25px;
	left: 750px;
	color:#FFCC00;
	position:absolute;
	z-index:1;
	text-align:center;
}

a.subir:hover
{
	background-image:url(_img/css/nav/subir25pxhover.png);
	width:25px;
	height:25px;
	left: 750px;
	color:#FFCC00;
	position:absolute;
	z-index:1;
	text-align:center;
}

a.siguiente
{
	background-image:url(_img/css/nav/siguiente25px.png);
	width:25px;
	height:25px;
	left: 775px;
	color:#FFCC00;
	position:absolute;
	z-index:1;
	text-align:center;
}
		
/* Tooltips con diseño */

a.tool
{ 	position:relative; text-decoration:none
		
}

a.tool:visited
{
		text-decoration: none;
		color: #FF9933; /* opcional color #009933 */
}
 
a.tool:hover
{
		background-color:transparent;
		z-index:2;
		text-decoration:none;
		border-width:0px;
		color:#009900;
} 

a.tool span
{
		display: none
}
		
a.tool:hover span
{
		display: block;
		position: absolute;
		top: 2em;
		left: 2em;
		width: 300px;
		border-style: ridge;
		border-color: #FFD700;
		padding: 4px 4px 4px 4px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-right-width: 1px;
		border-top-width: 1px;
		background-color: #003366;
		color: #FFD700;
		text-align:justify;
		font-size: 0.8em;
		font-family:"Tw Cen MT", "Tw Cen MT Condensed", "Tw Cen MT Condensed Extra Bold";
		font-style: italic;
} 
/*ndent: */