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


body {background:url(../images/background.png) repeat-x; margin:0px;}


a {outline:none; color:#671e43; text-decoration:none;}
a:hover {text-decoration:underline;}
img {outline:none;}

h1 {
	font-family: 'Oswald', sans-serif;
	color:#671e43;
	font-size:1.6em;
	font-weight:400;
	line-height:1.2em;
	margin-bottom:20px;
	border-top:5px solid ;
	
}

h6 {
	font-family: 'Oswald', sans-serif;
	color:#671e43;
	font-size:1.6em;
	font-weight:400;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:20px;
	
	
}

h2 {
	font-family: 'Oswald', sans-serif;
	color:#000;
	font-size:1em;
	font-weight:bold;
	
	
}

h3 {
	font-family: 'Oswald', sans-serif;
	color:#000;
	font-size:1.3em;
	font-weight:400;
	line-height:1em;
	text-transform:uppercase;
	margin-bottom:20px;
	border-top:5px solid #EEE;
	
	
}

h4 {
	font-family: 'Oswald', sans-serif;
	color:#000;
	font-size:1em;
	font-weight:bold;
	margin:10px 0;
}

h5 {
	font-family: 'Oswald', sans-serif;
	color:#666666;
	font-size:0.8em;
	font-weight:lighter;
}



#wrapper {
	width:960px;
	margin:0 auto;
	overflow:hidden;

}

#wrapper_home {
	width:960px;
	height:800px;
	background:url(../images/fons_home.jpg) no-repeat bottom;
	margin:0 auto;
	overflow:hidden;

}

#header {
	width:960px;
	height:170px;
	background-image:url(../images/claim.png);

}

.logo {
	width:300px;
	float:left;
	

}

.idioma {
	width:160px;
	float:right;
	margin-top:110px;
	

}

.idioma ul{
	width:160px;
	list-style:none;
	display:inline;
	float:left;
	margin:0;
	padding:0;
	text-align:right;
	
}

.idioma ul li{
	float:left;
	height:34px;
	
}

.idioma ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
	text-decoration:none;
	line-height:2.6em;
	height:34px;	
	float:left;
}

#esp a{background-image:url(../images/b_esp_a.png); width:64px; padding-right:6px; text-align:right;}
#esp a:hover{background-image:url(../images/b_esp_b.png); color:#FFFFFF;}

#port a{background-image:url(../images/b_port_a.png); width:74px; padding-left:6px; text-align:left;}
#port a:hover{background-image:url(../images/b_port_b.png); color:#FFFFFF;}




/*MENUS*/

#menus {
	width:960px;
	height:60px;
	margin-bottom:20px;


}

#menus ul{
	list-style:none;
	display:inline;
	float:left;
	margin:0;
	padding:0;
	font-family: 'Oswald', sans-serif;
	font-size:1em;
	line-height:4em;

}

#menus ul li, #menus ul li a{
	float:left;
	width:192px;
	height:60px;
	text-align:center;
	text-decoration:none;
	background:url(../images/background_menu_a.png) repeat-x;
	color:#333333;

}

#menus ul li{
	background:url(../images/background_menu_c.png) repeat-x;
	color:#fff;

}

#menus ul li a:hover{
	background-color:#641f45;
	background:url(../images/background_menu_b.png) repeat-x;
	color:#fff;


}



/*ROUNDABOUT*/


#carousel {
	
}


.roundabout-holder {
			padding: 0;
			margin: 0 auto;
			height: 380px;
			width: 620px;
			
}
		
.roundabout-moveable-item {
			height: 360px;
			width: 500px;
			cursor: pointer;
			display:block;
}
		
.roundabout-moveable-item img {
			height: 100%;
			width: 100%;
}
		
.roundabout-in-focus {
			cursor: auto;
}
		
#carousel-descriptions {
			list-style:none;
			display:block;
			width:500px;
			height:60px;
			background:url(../images/home_barra_project.png) no-repeat;
			margin:0 auto;
			padding:0;
			font-family: 'Oswald', sans-serif;
			font-weight:lighter;
			text-transform:uppercase;
}
		
#carousel-descriptions li {
			font-size:1em;
			text-align:center;
			line-height:4em;
			display:none;
}
		
#carousel-descriptions li.current {
			display:block;
}
		
#carousel-controls {
			max-width:900px;
			width:auto;
			margin:25px auto;
			overflow:auto;
			border-collapse:collapse;
			text-align:center;
}
		
#carousel-controls span {
			width:100px;
			display:inline-block;
			font-size:14px;
			text-align:center;
			margin:0 5px;
			padding:5px;
			cursor:pointer;
			border:1px solid black;
			background:#333;			
}
		
		
#carousel-controls .current {
			background:#600;
			color:;
			border-color:#400;
}
		
		
		
/*peu*/

 

#lines {
	width:100%;
	height:120px;
	border-top:1px solid #d7d9db;
	border-bottom:1px solid #d7d9db;
	margin-top:100px;

}

#lines_home {
	width:100%;
	height:120px;
	border-top:1px solid #d7d9db;
	border-bottom:1px solid #d7d9db;
	
}

#peu {
	width:960px;
	margin:0 auto;
	height:10px;
	


}

.copy {
	width:100px;
	height:34px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#999999;
	line-height:3em;


}

.copy2 {
	width:55px;
	height:34px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#999999;
	line-height:3em;
	margin-left:24px;
}

.design {
	width:200px;
	height:34px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#999999;
	line-height:2.5em;
	text-indent:20px;
	background:url(../images/uv.png) no-repeat ;


}

.legal {
	width:110px;
	height:34px;
	float:left;
	background:url(../images/b_legal.png) no-repeat;
	
}

.legal a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:0.8em;
	color:#666666;
	line-height:2.3em;
	padding-left:25px;
	
}

.legal a:hover{
	text-decoration:underline;
	
}


.logos {
	width:400px;
	float:right;
	height:70px;
	text-align:right;

}


/*WEBMAP*/

#webmap {
	width:100%;
	height:400px;
	background:url(../images/fons_webmap.png) repeat;

}

.map {
	width:960px;
	height:400px;
	margin:0 auto;

}

.column {
	width:192px;
	display:block;
	float:left;
	height:360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
	line-height:1.3em;

}

.column a{
	text-decoration:none;
	color:#666666

}

.column a:hover{
	text-decoration:underline;

}






/*IMAGE*/

.imagewide{
	width:960px;
	height:300px;
	margin-bottom:20px;

}




/*COLS*/

#contcol{
	width:960px;
	min-height:600px;
	background:url(../images/fons_4cols.png) repeat-y;
    

}

#contcolb{
	width:960px;
	min-height:600px;
	background:url(../images/fons_3cols.png) repeat-y;
    

}

#contcolc{
	width:960px;
	min-height:600px;
	background:url(../images/fons_2cols.png) repeat-y;
    

}

#contcol_project{
	width:960px;
	min-height:400px;
	margin-top:30px;
	background:url(../images/fons_3cols.png) repeat-y;
    

}

.col{
	width:220px;
	min-height:300px;
	float:left;
	padding:0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666666;
	line-height:1.3em;
	

}

.colb{
	width:300px;
	min-height:300px;
	float:left;
	padding:0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666666;
	line-height:1.3em;
	

}

.colc{
	width:460px;
	min-height:300px;
	float:left;
	padding:0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666666;
	line-height:1.3em;
	
	

}

.text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666666;
	line-height:1.4em;
	

}

.text p{
	padding:30px;
	margin-bottom:20px;


}

.text a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#641f45;
	text-decoration:none;

}

.text a:hover{
	text-decoration:underline;


}


.destacat{
	font-family: 'Oswald', sans-serif;
	color:;
	font-size:1em;
	font-weight:400;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:20px;


}


/*projects*/

.project{
	width:960px;
	height:180px;
	margin-bottom:30px;


}

.titleproject{
	width:240px;
	height:180px;
	float:left;

}

.titleproject p{
	margin:10px 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
}

.form {
	height:20px;
	border:1 px solid #CCCCCC;
	background-color:#f3f2f1;
}

.bot {
	width:84px;
	height:30px;
	background-image:url(../images/bot_ver.jpg);
	padding-left:16px;
}

.bot a{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#bc9bac;
	text-decoration:none;
	line-height:2.3em;

}

.bot a:hover{
	
	color:#FFF;
	text-decoration:none;
	line-height:2.3em;
	

}

.name_project{
	width:500px;
	height:100px;
	background:url(../images/name_project.png) no-repeat;
	margin:0 auto;
	padding:16px 0 0 0;
	font-family: 'Oswald', sans-serif;
	font-weight:lighter;
	font-size:1.2em;
	text-align:center;
	margin-top:20px;
	line-height:0.2em;

}





sup{
	font-size:0.4em;
	line-height:1em;

}



.contacto {
	background color:#CCCCCC;


}


/*extra*/

.flor {
	width:960px;
	height:200px;
	background:url(../images/flor.png) no-repeat;

}


.square{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2em;
	color:#671e43

}


.ruta {
	width:960px;
	height:30px;
	font-family: 'Oswald', sans-serif;
	font-weight:100;
	color:#ccc;

}

.ruta a{
	font-family: 'Oswald', sans-serif;
	font-weight:100;
	color:#999999;
	text-decoration:none;

}

.ruta a:hover{
	font-family: 'Oswald', sans-serif;
	font-weight:100;
	color:#999999;
	text-decoration:underline;

}

.black {
	color:#000;
}