/* Docuente CSS Desarrollado por Rubycom.com */

/* ------ Reset de estilos ------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,
h4,h5,h6,pre,form,fieldset,input,
textarea,p,blockquote,th,td 			{ margin:0; padding:0; } 
table 									{ border-collapse:collapse; border-spacing:0; } 
fieldset,img 							{ border:0; } 
address,caption,cite,code,dfn,em,
strong,th,var 							{ font-style:normal; font-weight:normal; } 
ol,ul 									{ list-style:none;} 
caption,th 								{ text-align:left; } 
h1,h2,h3,h4,h5,h6 						{ font-size:100%; font-weight:normal; } 
q:before,q:after 						{ content:''; } 
abbr,acronym 							{ border:0; } 

/* ------ Estilos Generales ------ */
body									{ color:#666; font-family:tahoma; font-size:12px; 
										  background:url(../images/bg.jpg) repeat-x; 
										  font-family: Tahoma, Geneva, sans-serif; }
.clearfix								{ clear:both; line-height:0; }
a.email_socio							{ background:url(../images/email.gif) no-repeat 4px center; text-decoration:none;
										  color:#095761; border:1px solid; padding:4px 8px 4px 24px; }

/* ------ Estructura Principal ------ */
#ini_box								{ width:856px; margin:0 auto;}
#ini_top								{ position:relative;}
#ini_top .idioma						{ position:absolute;right:15px;top:5px; color:#02576C; font-size:11px;float:right; 
                                          text-align:right; letter-spacing:0.11em; }
#ini_top .idioma img					{ margin-left:4px; margin-bottom:4px;}
#ini_menu								{ width:854px; height:25px; padding-top:11px; text-align:center; }
#ini_animacion							{ width:848px; height:268px; background:url(../images/bg_content.jpg) no-repeat;
                                          padding:7px 0 0 7px; }
#ini_content							{ background:url(../images/bg_content2.jpg) no-repeat left top; }
#ini_footer								{ height:79px; background:url(../images/bg_footer.jpg) no-repeat; color:#01566A; }

/* ------ Menu Principal ------ */
ul#menu									{}
ul#menu li								{ display:inline; margin:0 1px; }
ul#menu li.submenu						{ position:relative; }
ul#menu li a							{ color:#095761; text-decoration:none; font-size:13px; }
ul#menu li a:hover						{ color:#BAA27C; }
ul#menu li.submenu ul					{ display:none; position:absolute; left:0; }
ul#menu li.submenu ul li				{ display:inherit; }

/* ------ Anuncio ------ */
ul#slider 								{ width:829px; height:230px; list-style-type:none; margin:0;
										  overflow: hidden; border:solid #E7E0D3/*#CCBEA3*/; border-width:11px 9px; }
ul#slider li 							{ float:left; position:relative; /*display:none;*/ }
ul#slider li div 						{ position: absolute; width: 343px; background-color: #000; color: #fff; left:0;
										  padding:10px; /*display: none;*/ }
.top 									{ top:0; }
.bottom 								{ bottom:0; }
ul.anclas								{ list-style:none !important; }
ul.anclas li							{ margin-bottom:5px!important;}
ul.anclas li a							{ text-align:left !important; background:url(../images/menu_ancla.jpg) no-repeat;
										  height:20px; padding:6px 0 0 10px !important; text-decoration:none; }
ul.anclas li a:hover					{ border-left:4px solid #095761; }

/* ------ Columnas del Home ------ */
#cl_left								{ background:url(../images/bg_leftcolum.jpg) no-repeat right bottom; width:278px;   
 										  height:400px; float:left; padding-left:20px; }
#cl_left h3								{ color:#01566A; font-size:28px; margin-bottom:10px; }
#cl_left ul								{ list-style:disc; padding-left:40px; }
#cl_left ul li							{ margin-bottom:15px; }
#cl_left a								{ display:block; font:12px; color:#01566A; text-align:right; padding:0 20px 0 0; }
#cl_left a:hover						{ color:#BAA27C; }
#cl_right								{ float:left; width:518px; padding:0 20px 20px; 
                                          background:url(../images/bg_rightcolum.jpg) no-repeat right bottom; }
#cl_right h3							{ color:#BAA27C; font-size:28px; margin-bottom:10px; }
#cl_right h4							{ color:#01566A; margin-bottom:15px; font-size:16px; font-weight:bold;
										  border-bottom:1px solid; padding-bottom:5px; padding-left:10px; }
#cl_right ul.publi_list					{ margin-bottom:30px; }
#cl_right ul.publi_list li a			{ display:block; text-decoration:none; background-color:#fafafa; padding:10px 18px;
										  margin-bottom:5px;}
div.sub_class 							{ font-size:12px; font-weight:bold; margin-bottom:5px; padding-left:20px;
										  background:url(../images/bullet.gif) no-repeat; }
#cl_right a								{ font:12px; color:#01566A; font-weight:bold; }
#cl_right a:hover						{ color:#BAA27C; }
#cl_right p								{ line-height:20px; text-align:justify; margin-bottom:10px; }
#cl_right img.foto						{ border:1px solid #BAA27C; padding:3px; float:left; margin-right:15px; }

/* ------ Estilos del contenido ------ */
#cont									{ background:url(../images/bg_rightcolum.jpg) no-repeat right bottom; 
                                          padding:0 20px 20px; }
#cont h3								{ color:#BAA27C; font-size:28px; margin-bottom:10px; }
#cont h4								{ color:#095761; font-size:18px; }
#cont p									{ line-height:24px; padding-bottom:10px; text-align:justify; }
#cont p img.foto						{ border:1px solid #BAA27C; padding:3px; float:left; margin-right:15px; }
#cont ul.list							{ }
#cont ul.list li						{ -moz-background-clip:border; -moz-background-inline-policy:continuous; float:left;
                                          -moz-background-origin:padding; background:#FAFAFA none repeat scroll 0 0;
										  display:block; height:52px; margin-right:10px; margin-top:14px; width:388px;
										  padding-left:10px; padding-top:10px; }
#cont ul.listclientes					{ }
#cont ul.listclientes li				{ display:block; float:left; height:11px; margin-right:10px; margin-top:14px;
										  padding-left:10px; padding-top:10px; width:214px; }
										  
/* ------ Formulario de contacto ------ */
.form div								{ margin-bottom:5px; }

/* ------ Footer de la pagia ------ */
ul#footer_menu							{ padding:20px 20px 0; font-size:11px; }
ul#footer_menu li						{ display:inline; }
ul#footer_menu li.copyright				{ padding-right:116px; }
ul#footer_menu li a						{ color:#01566A; text-decoration:none; font-size:11px; }
ul#footer_menu li a:hover				{ color:#BAA27C; }
#ini_footer	div.mgs						{ text-align:right; padding:6px 20px 0 0; }