
body
{
  margin: 0 auto;
  padding: 0;
  background-color: #000000;
  /*background: url(imagenes/fondo_tile2.png) repeat; background-position:top left;	*/
  font-size : 10pt;
  font-family:Georgia,serif;
  color : #000000; 
  line-height:1.5;
}

table.main{
 	background: url(imagenes/fondo_tile2.png) repeat; background-position:top left;	
}
/************************* ENLACES DIVERSOS ********************************************/

/* ENLACE NORMAL NEGRO-ROJO */
A  {text-decoration : none; color:#000000;}
A:Visited, A:Active {text-decoration : none;	color:#000000; }
A:Hover  {text-decoration : none; color:#893311;}

/* ENLACE GRIS-NEGRO PEQUEÑO*/
A.sm  {text-decoration : none; color:#929296; font-size:8pt;}
A.sm:Visited, A.sm:Active  {text-decoration : none;  color:#929296;font-size:8pt;}
A.sm:Hover  {color:#000000; font-size:8pt;}

/* ENLACE GRIS-ROJO GRANDE */
A.gr  {text-decoration : none; color:#929296;}
A.gr:Visited, A.nr:Active  {text-decoration : none;  color:#929296;}
A.gr:Hover  {color:#893311; }

/************************* MENU PRINCIPAL  y botones********************************************/

#menuppal{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:100%;
	height:25px;
	border-bottom:1px solid #909196;
}

#btn1 a, #btn2 a, #btn3 a, #btn4 a, #btn5 a{
	position:relative;
	width: 90px;
	height: 18px;
	border:1px solid #909196;
	background-color: #ffffff;
	text-align: center;
	padding-top:2px;
	color:#000000;
}

#btn1 a{
	float:left;
	margin-left:10px;
}

#btn2 a{
	float:right;
	margin-right:10px;
}

#btn1 a:hover, #btn2 a:hover{
	border:1px solid #823311;
	background-color: #e9e9e9;
	color:#823311;
}


/************************* DROP DOWN MENU (estas etiquetas son de muestra para los navegadores )********************************************/
		/* IE6 Only */
		* html #MyDiv {margin : 5px 5px 5px 5px;} 
		
		/* IE7 Only */
		*:first-child+html #MyDiv {margin : 2px 2px 2px 2px;} 

#submenu {
	position:relative;
	float:left;
	top: 5px;
	left: 222px;
	width:560px;
	height:25px;
	border:1px solid #909196;
	background-color: #ffffff;
}

#mniz, #mncen, #mndch{
	position:relative;
	float:left;
	padding-top:0px;
	margin-bottom:5px;
	line-height:26px;
	text-align:left;
	border:0px solid #909196;
}

#mniz{
	width:187px;
	padding-left:3px;
	text-align:left;
}
#mncen{
	width:180px;
	text-align:center;

}
#mndch{
	width:180px;
	padding-right:3px;
	text-align:right;
}

/* ######### PARA LOS SUBMENUS DROPDOWN ######### */


.selectedanchor{ background: #ffffff; } /* para el enlace principal */

.dd_submenus{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 1px solid #909196;
	border-bottom-width: 0;
	line-height: 18px;
	z-index: 100; /* zIndex debe ser mayor que la de la sombra */
	background: #e8e7e6;
	width: 250px; 
}

.dd_submenus ul{
	/*margin: 0;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.dd_submenus ul li a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #909196;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 5px;
	font-size:8pt;
  	font-family:Georgia,serif;
	color:#893311;
}

.dd_submenus a:hover{ /*hover background color*/
	background: black;
	color: white;
}

/* ######### para la sombra ######### */


.anylinkshadow{ 
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99; /*zIndex para la sombra*/
	background: black;
	visibility: hidden;
}

/************************* CABECERA LOGO Y FOTOS ********************************************/
#logo{
	position:relative;
	float:left;
	top: 25px;
	width:100%;
	height:100px;
	text-align:center;
}
#logomain{
	position:relative;
	float:left;
	top: 25px;
	width:100%;
	height:220px;
	text-align:center;
}

#fotomain{
	position:relative;
	float:left;
	top: 55px;
	width:100%;
	height:100%;
	text-align:center;
}
#foto_eq{
	position:relative;
	float:right;
	top: 50px;
	margin-right:20px;
	width:145px;
	height:180px;
	z-index:100;
}


#titmain{
	position:relative;
	float:left;
	top: -45px;
	left:530px;
	width:450px;
	height:100%;
	font-size:18pt;
	color:#823318;
	font-style:italic;
	text-align:left;
	border: 0px solid #cc0000;
}

#banderas{
	position:relative;
	float:left;
	top: 10px;
	left:80px;
	width:55px;
	height:100%;
	text-align:left;
	border: 0px solid #cc0000;
}

#fotos{
	position:relative;
	float:left;
	left:222px;
	width:760px;
	height:100%;
	margin-top:15px;
	border:0px solid #ff0000;
}

img.trifoto{
margin-right:40px;
}
/************************* CONTENIDOS ********************************************/

#intro{
	position:relative;
	float:center;
	left:222px;
	top:-50px;
	width:550px;
	height:100%;
	font-size:11pt;
	text-align:left;
	background: #ffffff;
	padding:0px 5px 5px 5px; 
	border:0px solid #ff0000;
}

#conts_100{
	position:relative;
	float:center;
	left:222px;
	width:550px;
	height:100%;
	text-align:left;
	background: #ffffff;
	padding:0px 10px 10px 10px; 
	border:0px solid #ff0000;
}

#conts_50{
	float:left;
	margin-left:222px;
		/* IE6 Only */
		_margin-left :110px;  
	width:310px;
	height:100%;
	text-align:left;
	background: #ffffff;
	padding:10px;
	border:0px solid #ff0000;
}
#conts_50b{
	position:relative;
	float:left;
	margin-left:60px;
	width:170px;
	height:100%;
	text-align:left;
	border:0px solid #ff0000;
}

#conts_50c{
	position:relative;
	float:left;
	margin-left:15px;
	padding-left:20px;
	padding-top:45px;
	padding-bottom:45px;
	width:390px;
	height:100%;
	text-align:left;
	color:#823311;
	background: #ffffff;
	border:0px solid #ff0000;
	line-height:2.0;
	font-size:11pt;
}

#conts_m1{
	float:left;
	margin-left:20px;
	width:440px;
	height:100%;
	text-align:left;
	border:0px solid #ff0000;
	padding-bottom:35px;
}
#conts_m1b{
	float:left;
	width:255px;
	height:100%;
	_margin-left:10px;
	padding-left:205px;
	padding-top:10px;
	border:0px solid #ff0000;
}


#conts_m2{
	float:left;
	width:500px;
	_width:480px;
	height:323px;
	padding-left:38px;
	text-align:left;
	padding-bottom:35px;
	_padding-bottom:0px;
	_border:0px solid #cc0000;
	border-bottom:1px solid #000000;
}
#conts_m2b{
	float:left;
	width:410px;
	height:50px;
	margin-left:38px;
	padding-left:10px;
	padding-top:5px;
	border-left:1px solid #000000;
	font-size:20px;
	background: #ffffff;
}


#sconts_m2{
	float:left;
	width:420px;
	_width:400px;
	height:358px;
	text-align:left;
	border-left:1px solid #000000;
	background: #ffffff;
}

/************************* TITULOS Y ESTILO DE PARRAFOS ********************************************/

p.titulo{
	color:#823311;
	font-size:13pt;
	font-weight:bold;
	padding-top:0px;
	text-align:left;
}
p.titulo2{
	color:#823311;
	font-size:11pt;
	font-weight:bold;
	padding-top:0px;
	text-align:left;
}

p.tituloblk{
	color:#000000;
	font-size:11pt;
	font-weight:bold;
	padding-top:5px;
	text-align:left;
}

#titulobg{
	float:left;
	margin-top:-10px;
	width:100%;
	color:#823311;
	font-size:22pt;
	padding-left:5px;
	text-align:left;
	border:0px solid #000000;
}
#smen{
	float:right;
	margin-top:-5px;
	width:165px;
	color:#823311;
	font-size:14pt;
	font-style:italic;
	text-align:left;
	border:0px solid #000000;
}

#rot{
	position:relative;
	float:left;
	margin-top:60px;
	width:100%;
	height:30px;
	_height:30px;
	padding-left:10px;
	text-align:left;
	font-weight:bold;
	border:0px solid #000000;
}

#def{
	position:relative;
	float:left;
	display:inline;
	margin-top:55px;
	_margin-top:45px;
	width:100%;
	height:180px;
	_height:100px;
	padding-left:10px;
	text-align:left;
	border:0px solid #000000;
}

#autres{
	float:left;
	width:29px;
}
#autres1{
	float:left;
	width:188px;
	height:28px;
	text-align:center;
	background:#ffffff;
	color:#823311;
	font-size:20px;
}


p.texto{
	margin-top:20px;
	color:#000000;
	text-align:left;
	line-height:1.5;
}

p.texto3{
	margin-top:20px;
	color:#000000;
	text-align:left;
	line-height:1.2;
}

p.texto2{
	margin-top:0px;
	color:#000000;
	text-align:left;
	line-height:1.5;
}
#enlaces{
	/*width:550px;*/
	margin-top:40px;
	text-align:left;
	line-height:1.5;
}





/************************* PIE DE PAGINA ********************************************/
#pie{

	position:relative;
	float:left;
	margin-top: 80px;
	margin-bottom:20px;
	margin-left: 222px;
	_margin-left: 110px;
	width:560px;
	height:100%;
	font-size:8pt;
	border:1px solid #909196;
	text-align:center;
	background-color: #ffffff;
}

/************************* ELEMENTOS DEL FORM ********************************************/

TEXTAREA, INPUT {

color:#636363; 
/*background-color:#dcdcdc; */
border-width:1px ; 
border-color:#c0bbbb; 
border-style:solid
}

SELECT, OPTION {
font-family:Trebuchet MS,verdana,arial,helvetica;
font-style:normal; 
font-weight:normal; 
font-size: 8pt;
color:#636363; 
background-color:#dcdcdc; 
border-width:0px solid #c0bbbb;
width:300px;
}


INPUT.boton {
width:150px;
margin-left:-35px;
/*vertical-align:bottom;*/
background-color:#ffffff; 
border:1px solid #000000;
color: #893311;
cursor:pointer;
}

#etiquetas{       /* para  contacto*/
	position:relative;
	float:left;	
	margin-top:10px;
	margin-left:335px;
	_margin-left:170px;
	width:100px;
	height:25px;
	text-align:left;
	background:#ffffff;
	color:#823311;
	border:0px solid #cc0000;
}
#campos{       /* para  contacto*/
	position:relative;
	float:left;	
	margin-top:10px;
	/*margin-left:335px;
	_margin-left:170px;*/
	width:355px;
	height:25px;
	text-align:left;
	/*background:#ffffff;*/
	color:#823311;
	border:0px solid #cc0000;
}

#btenviar{       /* para  contacto*/
	position:relative;
	float:left;	
	margin-top:100px;
	margin-left:335px;
	_margin-left:170px;
	width:449px;
	height:25px;
	color:#823311;
	border:0px solid #cc0000;
}

#error{
position:absolute;
float:left;
top:100px;
left:100px;

}
