html, body {
	margin: 0;
	padding: 0;	
	height:100%;
	background:url(../img/fondo.jpg) repeat;
	font-family: 'Open Sans', sans-serif;
	
}
*{ padding:0px; margin:0px;}
img{
	border:0px;
}
h1{
	color:#777676;
	padding:5px;
	font-weight:300;
	font-size:40px;
}
p{
	font-size:13px;
	color:#777676;
	font-weight:400;
	line-height:18px;
	text-align:justify;
}
.centrar{
	width:980px;
	margin:0 auto;
	
	
	
}
.h3{
	font-size:20px;
	margin-left:35px;
	
}

#head{
	width:980px;
	height:120px;
	margin:0 auto;
	background:#FFFFFF;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}


#menu {
	width:980px;
	height:46px;
	background:url(../img/menu.png);
	margin-top:10px;
	font-family:Verdana, Geneva, sans-serif;

 }
#nav { list-style:none;padding:6px 0px 0px 10px; margin:0px; }
#nav li { float:left; background-image:url(nav_li_bg.png); background-repeat:no-repeat; background-position:right; }
#nav li a { display:block; padding:7px 40px; text-decoration:none; color:#fff;  font-size:14px; }
#nav li a:hover { color:#c0c9ca;}
/* Submenu */
#nav ul.submenu {  padding:5px; position:absolute; list-style:none; background-color:#808d8e; z-index:99999999999;}
#nav ul.submenu li { float:none; background-image:none; border-bottom:1px solid #6f7b7c; border-top:1px solid #939fa0; width:200px;}
#nav ul.submenu li a{ font-size:10px;}
/* Subsubmenu */
#nav ul.subsubmenu { border:1px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#333333; margin-left:150px; margin-top:-30px;}
#nav ul.subsubmenu li { float:none; background-image:none; border-bottom:1px solid #999999; min-width:200px;}




#logo{
	width:397px;
	height:112px;
	float:left;
	margin:5px 25px;
	
}
#dir{
	width:322px;
	float:right;
	color:#868686;
	font-size:12px;
	margin:18px 12px;
}

#baner{
	width:980px;
	height:338px;
	background:#dddddd;
	
}

#cont-caja{
	width:980px;
	margin:10px 0px;
}

#caja{
	width:240px;
	height:168px;
	background:#dddddd;
	margin-right:6px;
	float:left;
}
#caja:hover{
	background:#A7C6CE;
}
#caja2{
	width:240px;
	height:168px;
	background:#dddddd;
	margin-right:0px;
	float:left;
}
#caja2:hover{
	background:#A7C6CE;
}

#cuerpo{
	width:930px;
	overflow:hidden;
	
	text-align:left;
	background:#FFF;
	padding:25px;
	
}
#cuerpo2{
	width:550px;
	overflow:hidden;
	
	float:left;
	background:#FFFFFF;
	padding:25px 25px 35px 25px;
}
#cuerpo4{
	width:930px;
	overflow:hidden;
	padding:20px 0px;
	float:left;
	background:#FFFFFF;
	padding:25px 25px 35px 25px;
}
#cuerpo3{
	width:530px;
	overflow:hidden;
	padding:20px 15px;
	float:left;
	background:#FFF;
}
#cuerpo2 ul{
	list-style:square;
}

#cuerpo2 li{
	font-size:12px;
	margin-top:3px;
	padding:4px;
	background:#F7F7F7;
	color:#777676;
	border-radius:10px;
}
#cuerpo2 li:hover{
	background:#ddd;
	color:#fff;
	
	
}

#cuerpo2 ul.otro li{ float:none; background:#f2f2f2; padding:2px; margin-left:20px; }
#cuerpo2 ul.otro li:hover{ color:#000000; }

#derecha{
	width:351px;
	height:202px;
	float:right;
	padding-top:14px;
	
	
}
#derecha2{
	width:397px;
	height:202px;
	float:right;
	padding-top:14px;
	margin-right:5px;
	
	
}

#info-contacto{
	width:360px;
	overflow:hidden;
	background:url(../img/fondo-info.jpg) repeat;
	border-radius:8px;
	font-size:13px;
	color:#777676;
	font-weight:400;
	line-height:18px;
	text-align:justify;
	padding:20px;
	
}
#info-contacto p{
	line-height:25px;
}

	
#footer{
	height:115px;
	background:url(../img/foo-fondo.jpg) repeat-x;
	margin-bottom:41px;
	margin-top:20px
		
}
#dir2{
	float:left;
	margin-top:44px;
	width:350px;
	

}

#map_canvas {
    width: 500px;
    height: 400px;
    background-color: #CCC;
 }
  
#tecno{
	float:right;
	margin-top:44px;
	
	font-size:11px;
	color:#777676;
	
}

#scroller {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 409px;
	width: 100%;
	margin: 0px 0 0 0;
}

/* root element for scrollable items */
#scroller .items {
	position:absolute;

	/* this time we have very large space for the height */
	width:20000em;
	
}

#scroller .items .item {
	width: 1920px;
	height: 409px;
	float: left;
}

#scroller .items .item a.image {
	display: block;
	width: 1920px;
	height: 409px;
	margin: 0 auto;
}
.navi {
	width: 100px;
	z-index:900000000000000000;
	margin-left:690px;
}
.navi a {
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px;
	background: url(../img/navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;
}
.navi a:hover {
    background-position:0 -8px;      
}
.navi a.active {
	background-position: 0 -16px;
}