@import url("reset.css");




@charset "UTF-8";
/* CSS Document */

body {	color:#000;
		margin:0px 0 20px 0;
		padding:0 0 25px 0;
		border:0;
		text-align: center;
		font-family: Arial, helvetica, sans-serif;
		font-size:13px; letter-spacing:0.5px;
		background-color:#ff9900;
		}

/*---- SITE AREAS---*/

#structure {	background: url(../../images/fondo.gif) repeat-y;
				padding:0;
				margin:0px auto 0 auto;
				width:879px;
				text-align:left;
				height:auto;
				
				}
				
#top	 {		background: url(../../images/top.gif) no-repeat;
				width:879px;
				height:124px;
			
				}
				
				


#mainContent {	width:856px;
				margin:0px 11px 0 12px;
				
					
			
				}

#mainLeft {		width:544px;
				background-color:#fcf3f6;
				float:left;
				height:auto	;
				
				
				}
				
#mainRight {	width:309px;
				background: url(../../images/fond_art.gif) repeat-x #99CC00;
				float: right;
				height:auto	;
				
				
				}
				
#slideShow {	width:544px;
				height:200px;
				margin-bottom:10px;
				clear:both;
				}
				
#mainText {		
	width:495px;
	height:auto;
	padding:5px 10px 0 24px;	
	margin:0px 0px 50px 0px;
	clear:both;
							
}



#mainText h1 { color:#666666;font-size:20px; margin:0px; padding:0px 0px 5px 0px; line-height:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

#mainText p {color: #666666;font-size:13px; margin:0px; padding:10px 0px 0px 0px;  }
	

.cont_articulo{ border-top:dotted #666; color:#666; font-size:13px; margin:10px 5px 10px 5px;}
.cont_articulo img { padding: 0 5px 0 0;}
.cont_articulo h3{ color:#666; font-size:16px; margin:0px; padding-bottom:10px; padding-top:10px;}
.detalles{ text-align:right; padding:5px 0 5px 0; clear:both;}
			
#articulos {	width:270px;
				margin: 0 20px 0 20px;
				
				}
				
#articulos p {color: #000;margin:5px 0px 0px 0px; font-size:10px; padding:0px 0px 3px 0px; }				

#adress {		
				margin:-5px auto 0 auto;
				background: url(../../images/fondo.gif) repeat-y;
				width:879px;
				height:80px;
				clear:both;
				
				
				}


				
				
#footer	 {		background: url(../../images/foot.gif) no-repeat #ff9900 ;
				width:879px;
				height:70px;
				margin:-13px auto 0px auto;
				padding-top:15px;
				clear:both;
			
				}
				
#coments { background:#D0D0D0; border:solid 1px #333333;
				margin: 0 0px 0 0px;
				padding:10px;
				
				}
				
				
							
/*---- MENUES ---*/


    #top_menu {
      margin:0 0 0 0px;
      width:64%;
      font-size:93%;
      
	  float:right;
	  
      }
    #top_menu ul {
	margin:0;
	padding:10px 10px 0 100px;
	list-style:none;
      }
    #top_menu li {
      display:inline;
      margin:0;
      padding:0;
	  
	  
      }
    #top_menu a {
      float:left;
      background:url(../../images/tableftF.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 3px;
	  color:#464E42;
	  text-decoration:none;
	  
      }
	  
	  
	  
	  
    #top_menu a span {
      float:left;
      display:block;
      background:url(../../images/tabrightF.gif) no-repeat right top;
      padding:5px 15px 4px 7px;
      color:#464E42;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #top_menu a span {float:none;}
    /* End IE5-Mac hack */
    #top_menu a:hover span {
      color:#FFF;
      }
    #top_menu a:hover {
      background-position:0% -42px;
	  color:#FFFFFF;
      }
    #top_menu a:hover span {
      background-position:100% -42px;
      }  
	
	 #top_menu a.active {
      background-position:0% -42px;
	  color:#FFFFFF;
      }
	

	
	 #top_menu li.active span {
      background-position:100% -42px;
	  color:#FFFFFF;
      }  
	
	
	/*******************************/
	
	
	
	
	
    #main_menu {
      float:left;
      width:100%;
	  /*height:65px;*/
      font-size:93%;
      line-height:normal;
	  background: url(../../images/main_menu.gif) repeat-x;
	  
      }
    #main_menu ul {
	 margin:0;
	padding:0px 0px 0 0px;
	list-style:none;
      }
    #main_menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #main_menu a {
       float:left;
      background:url(../../images/main_menu2.gif) repeat-x left top;
      margin:0;
	  padding:17px 0px 20px 0px;
     text-decoration:none;
	  border-left:  #ccc solid 1px;
	  
	  
      }
    #main_menu a span {
     float:left;
	  text-align:center;
      display:block;
     padding:5px 0px 4px 0px;
      color:#464E42;
	  width:107px;
	  font-weight: bold;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #main_menu a span {float:none;}
    /* End IE5-Mac hack */
    #main_menu a:hover span {
      color:#FFF;
      }
    #main_menu a:hover {
      background-position:0% -65px;
      }
    #main_menu a:hover span {
      background-position:100% -65px;
      }  

	#main_menu a.active {
      background-position:0% -65px;
	  color:#FFFFFF;
      }

	  #main_menu li.active span {
      background-position:100% -65px;
	  color:#FFFFFF;
      } 






#rightMenu {
				text-align:left;
				color: #003333;
				list-style:none;
				float:left;
				margin:20px 0 10px 20px;
				width: 260px;
				
				
				}			
				
#rightMenu ul li {list-style-type:none; padding:5px 0 0 0; border-top:#003333 dotted 2px; margin-top:10px;  }

#rightMenu ul li a {list-style-type:none; color: #003333;  }

			

			
#footerMenu  {  margin:0px 0px 0px -10px; padding:0px 0px 0px 0px; float:left; }


				
#footerMenu ul li {list-style-type:none; padding:0px 0 0 0;  margin-top:30px; display:inline; font-size:10px;  }

#footerMenu ul li a {list-style-type:none; color: #666666;  }


/*Reglas generales*/



h2.destacados{color: #000;margin:20px 0px 0px 0px; font-size:11px; line-height:16px; padding:0px 0px 0px 0px; height:16px;  }

h2.articulos{color: #000;margin:20px 0px 0 0; font-size:10px; padding:0px;}

p.articulos{color: #000;margin:5px 0px 0px 0px; font-size:10px; padding:0px 0px 3px 0px; }

h1.adress{color: #006600;margin:0px 0px 0px 35px; font-size:11px; padding:10px 0 0 0; }

p.adress{color: #666;margin:0px 0px 0px 35px ; font-size:10px; }


/* clases */

.top { margin: 20px 20px 0 30px ;}

.rsstop { border: none; }

.link  { border: none; }

.paginacion{color: #006600; font-size:11px; }
	


/* links */

a {color: #666666; font-weight:normal;}

a:link {color:#666; font-weight:normal; text-decoration:none;}/* unvisited link */

a:visited { color:#666; font-weight:normal; text-decoration:none;}/* visited link */

a:hover { color: #333333; font-weight:normal; text-decoration:underline; }/* mouse over link */

a:active { color:#666; font-weight:normal; text-decoration:none; }/* selected link */
			
a:link.paginacion{ color: #006600; font-size:11px;text-decoration: none; }

a:hover.paginacion { color: #003300; font-size:11px; font-weight:normal; text-decoration:underline; }
				
a:visited.paginacion{ color: #003300; font-size:11px; font-weight:normal; text-decoration:underline; }


#all_art {  width:200px; margin:20px 0px 0px 20px;  }

a:link.all_art{ color:#003300;text-decoration: none;  margin-top:40px;}

a: hover.all_art { color: #009900; font-weight:normal; text-decoration:underline;  margin-top:40px; }
				
a:visited.all_art{ color: #009900; font-weight:normal; text-decoration:underline; margin-top:40px; }


#oculVali{

	position: absolute;

	width: 30em;

	margin: -9.2em 0 0 -5em;

	padding: 1.6em .7em .7em .7em;

	font: normal 1.1em/130% trebuchet ms;

	text-align: left;

	color: #333;

	background: #FFC;

	border: 1px solid #DDA;

}

#oculVali a{

	position: absolute;

	top: 5px;

	right: 5px;
	

}

.read_more { float:right; padding:0px; margin:0px; width:40px; height:18px;}				
							
				
/* Contact form */

#contactform			{ background: #6C7785; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

#contactform h1			{ margin:0px; color:#FFF; padding:20px; }

#contactformframe		{ width:965px; margin:0px auto 0px auto; text-align:left; color:#ADB2B8; padding:15px 0px; }

#contactform .large		{ width:95%; }

#contactform td			{ color: #CCC; }

.contactdivider			{ background:url(../../images/bg.contactdivider.gif) 50% 0% no-repeat; }

#contactform h2			{ width:500px; height:18px; margin:0px; color: #9F0; }

.form_title             { margin:0px 0px 20px 0px; padding:0px; height:100px; color:#CCC;}

#contactform th			{ color:#FFF; text-transform:uppercase; text-align:left; }

#contactform input img	{ margin:1px 0px 0px 5px }

#contactname			{ background: none; }

.contactcheck			{ margin:2px; }

.enviar_form { background: url(../../images/enviar_form.gif) no-repeat center; width:115px; height:25px; padding:5px 35px 5px; }				
				
#getintouch {  background: url(../../images/getit.gif) no-repeat left; height:31px; width:879px; margin:0px auto 0px auto; text-align:left; color:#CCC; padding-top:0px;  } 

#getintouch a:link { color:#fff; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:20px;} 


#getintouch_inner {  height:31px; width:879px; margin:0px auto 0px auto; text-align:left; color:#CCC; padding:5px 0px 0px 70px;  } 

#getintouch_inner span { color:#fff; padding:0px 0px 0px 5px; margin:0px 0px 0px 0px; color:#9F0;} 




.getintouch ul {list-style:none; margin:0px auto 0px auto; padding-top:0px; height:31px; }
.getintouch li{margin:0; padding:0; display:inline; width:539px;} 
.getintouch a { background: url(../../images/getit.gif) ; width:539px; height:31px; color:#fff; padding:5px 0px 0px 70px;} 


/* ---- migas de pan ----- */

.textlinks a {
	
color:#006;	
	
} 


.textlinks a:hover {
	
color: #300;	
	
}