@charset "utf-8";
/* CSS Document */
html{
	background-color:#fff;
	background-image:url(imagenes/LINEAROJA.PNG);
	background-repeat: repeat-x;
	margin: 0px;
	padding:0px;
	}
	
body {
	width:960px;
	margin:10px auto;
	min-height:400px;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #F00;
	
	-moz-box-shadow: 1px 1px 5px #777;
	-webkit-box-shadow: 1px 1px 5px #777;
	box-shadow: 1px 1px 5px #777;
	
}
		
		
a{
	text-decoration: none;
	border: 0px;
}
img{
	border: 0px;
}

h2.tituloseccion{
	background-color:#000;
	background-image:url(imagenes/bannerojo.png);
	background-repeat:repeat-x;
	color:#FFF;
	margin:0px;
	padding: 5px 20px;
    	
}

h2.tituloseccion1{
	background-color:#000;
	background-image:url(imagenes/titulobg.png);
	background-repeat:repeat-x;
	color:#F7F7F7;
	margin:0px;
	padding: 5px 20px;
    border:1px solid #F00;	
}

h2 a{
         color: #fff;
		 border-color:#F00;
}

h3{
	color:#EB0000;
	font-size:16px;
	margin: 0px 0px 10px;
}

p{
	line-height: 130%;
	margin: 0px 0px 10px;
}

.caja{
	padding: 10px;
	text-align:center;
	}

.caja p{
	text-align: justify;
}

.clear{
	clear:both;
}

#head {
	background-color: #444;
	background-image: url(imagenes/headbg.jpg);
	background-repeat:repeat-x;
	height:100px;
	border-bottom:1px solid #000;
	padding: 10px;
	
	}
	
  #logo{width:165px;
  float:left;}
  #banner{height:100px;
          width:525px;
		  float:left;
		  margin: 0px 25px;
         }
  #idioma{height:100px;
          width:200px;
		  float:left;
         }
#menu {
	height:30px;
	background-color:#666;
	border-bottom: 1px solid #000;
}

/*	ul.menuprincipal{margin:0px; list-style:none;}
	ul.menuprincipal li{float:left; border-left:px solid #FFF; padding: 0px}
	ul.menuprincipal li a{padding:5px; display:block; text-decoration:none; color:#FFF; font-size:14px}
	ul.menuprincipal li a:hover{background-color:#000; color:#FF0}*/
	

ul.topnav {  
    list-style: none;  
    padding: 0 20px;  
    margin: 0;  
    float: left;  
    width: 920px;  
    background: #222;  
    font-size: 0.8em;  
    background: url(topnav_bg.gif) repeat-x;  
}  
ul.topnav li {  
    float: left;  
    margin: 0;  
    padding: 0 15px 0 0;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{  
    padding: 5px;  
    color: #fff;  
    display: block;  
    text-decoration: none;  
    float: left;  
}  
ul.topnav li a:hover{  
    background: url(topnav_hover.gif) no-repeat center top;  
}  
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 17px;  
    height: 35px;  
    float: left;  
    background: url(subnav_btn.gif) no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 35px;  
    background: #333;  
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 170px;  
    border: 1px solid #111;  
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 170px;  
}  
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 145px;  
    background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;  
    padding-left: 20px;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;  
}  



#slide{
	height:400px;
    background:#E5F706;
}
#content{
	min-height:300px;
    background:#CCC;
	padding: 10px;
	border: #F00 solid 1px;
	
}

#content-largo{
	min-height:500px;
    background:#CCC;
	padding: 10px;
	border:#F00 solid 1px;
} 

#content p{
	margin: 0px 10px 10px;
}

#content .columna25, #content-largo .columna25{float:left;width:21%; padding: 10px 2%; min-height:100px}
#content .columna33, #content-largo .columna33{float:left;width:27%; padding: 10px 3%; min-height:100px}
#content .columna50, #content-largo .columna50{float:left;width:46%; padding: 10px 2%; min-height:100px}

#footer{height:160px;
        background:#333;
		color:#CCC;
		padding: 10px 0px;
}
		
#copy{width:49%; padding: 5px 3%; float:left; height:50; font-size: 12px; color: #CCC;}
#copy p{ margin-bottom: 1px;}
#contador{width:45%; float:left; height:50}
#contador img{ margin-top: 10px;}
p.creditos{
	color: #888;
	margin-top: 15px;
}

.cajacontactos{
	background-color: #E9E9E9;
	padding: 10px;
	text-align: left;
	font-size: 13px;

	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 

}

form.contactos{
	background-color: #E9E9E9;
	padding: 10px;
	margin: 0px;
	
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 

}
#text{text-align:justify;}
form.contactos label{
	font-size: 12px;
	display: block;
	width: 100%;
}

form.contactos p{
	text-align: left;
}

form.contactos input[type=text]{
	padding: 5px;
	width: 96%;
}

form.contactos textarea{
	padding: 5px;
	width: 96%;
}

input.field-error,
select.field-error,
textarea.field-error{
	border: #F00 1px solid;
}

#map_canvas{
	height: 300px;
}