@charset "utf-8";
/* CSS Document */
/** { 
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	height:100%;
	background:#fff;
}	
html{
		height:100%;
	}*/

ul, li {
	list-style:none;
	margin:0;
	padding:0;

}
.clear {
	clear:both;
}
p{
	margin:0;}

img#bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;  
  height:100%;
  z-index:-99;
}
h5{
		font-family: 'Droid Serif', serif;
		font-style:italic;
	}


/*HEADER*/
#header{
	width:100%;
	background:#FFF;
	}

.logo{
	width:218px;
	height:64px;
	background:url(../images/logo-copersa.png) no-repeat;
	display:block;
	text-indent:-90000px;
	margin:7px 0;
	}
.slogan{
	font-size:17px;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
	color:#767779;
	display:block;
	float:right;
	text-align:right;
	margin:20px 0;
	line-height:1.2em;
	}


/*NAVIGATION*/

#prevslide {
	position: fixed;
	top: 85%;
	left: 40px;
	height: 39px;
	width: 39px;
	margin-top: -20px;
	background:url(../images/flecha-izq.png)  no-repeat left top;
}

#prevslide:hover {
	background-position: left bottom;
}

#nextslide {
	position: fixed;
	top: 85%;
	right: 40px;
	height: 39px;
	width: 39px;
	margin-top: -20px;
	background: url(../images/flecha-der.png) no-repeat left top;
}

#nextslide:hover {
	background-position: left bottom;
}

#showtitle {
	z-index: 200;
	color: #fff;
	padding:10px 10px 10px 0;
	margin:20px 0;
}

.title{
	font-family: 'Droid Serif', serif;
	font-size:210%;
	line-height:150%;
	}
	
.title_trans{
	background:#000;
	filter:alpha(opacity=80);
    -moz-opacity:.80;opacity:.80;
	}

/*HEADER*/	
.menu{
	display:block;
	margin:14px 0;
	width:100%;
	text-align:left;
	}
.menu li{
	display:inline;
	margin:0 10px 0 0;
	background:url(../images/arrow-menu.png) no-repeat right;
	padding-right:14px;
	font-size:100% !important; 
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	}
.menu a{
	color:#525d63; 
	text-decoration:none;
	}

.menu a:hover{
	color:#000;
	text-decoration:none;
	}	
	
.menu2{
	width:100%;
	margin:7px 0;
	text-align:right;
	}	
	
.menu2 li{
	display:inline;
	margin:7px 0 7px 15px;
	font-size:12px !important; 
	font-family: 'Droid serif', serif;
	}
	
.menu2 a{
	color:#576267;
	}	
.menu2 a:hover{
	color:#576267;
	text-decoration:none;
	}
	
	
/*FOOTER*/

#footer {
	position: fixed;
	float: right;
	width: 100%;
	bottom: 0px;
	background:#FFF;
}
.footer-internas{
	float: right;
	width: 100%;
	background:#FFF;
	}
#footer p{
	font-family:'Open Sans', sans-serif;
	font-size:11px;
	padding:10px 0;}
.direccion{
	display:block;
	width:100%;
	text-align:right;}
	
.derechos{
	display:block;
	width:100%;
	text-align:left;}


@media only screen and (max-width: 360px){
	#footer {display:none;}	}
	
@media only screen and (max-width: 800px) and (orientation : landscape){
	#footer {display:none;}
	#prevslide{display:none;}
	#nextslide{display:none;}	}
		
@media only screen and (max-width: 480px){
	a.logo{display:block; margin:auto;}
	p.slogan{text-align:center; display:block; float:none; margin:10px 0;}
	.title{font-size:200%; line-height:150%;}
	.menu {font-size:80%; margin:10px 0 5px 0; text-align:center; }
	.menu li{padding-right:0px; background:none; margin:auto; padding:0 10px;}
	.menu2{border-top:solid 1px #ddd;}
	#prevslide{display:none;}
	#nextslide{display:none;}
	img#bg { position:fixed;top:0;left:0; height:100%; z-index:-99;}

	}
	
@media only screen and (max-width: 766px){
	a.logo{display:block; margin:auto;}
	p.slogan{text-align:center; display:block; float:none; margin:10px 0;}
	.title{font-size:200%; line-height:150%;}
	.menu {font-size:80%; margin:10px 0 5px 0; text-align:center; float:left;}
	.menu2{border-top:solid 1px #ddd; text-align:center; }
	.menu2 li{display:inline;}
	.direccion{text-align:center;}
	.derechos{text-align:center;}
	img#bg { position:fixed;top:0;left:0; height:100%; z-index:-99;	}
}
@media only screen and (min-width: 768px) and (max-width:837px){
	.menu {font-size:80%; margin:10px 0 5px 0; }
	.menu li{padding-right:0px; background:none; margin:auto; padding:0 10px;}
	}	
/* ===== slideshow ===== */

/*
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version 3.1
	www.buildinternet.com/project/supersized
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/
#supersized-loader { position:absolute; top:48%; left:48%; z-index:10; width:31px; height:31px; text-indent:-999em; background-image:url(images/progress.html); }
	
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
#supersized a { z-index:-30; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;}
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }


/*GALERIA OBRAS*/
.body_obras{
	background:#f4f4f4;
	}
.main_obras{
	padding: 30px 0 30px 0;
	text-align:center;
}

.thumbs {
	position: relative;
	margin: 7px 7px 12px 7px;
	width: 220px;
	background:#FFF;
	display:inline-block;
}
.black{
	background:#000;
	color:#fff;
	}
.thumbs p{
	padding:5px;
	font-style: italic;
	font-family: 'Droid Serif', serif;
	font-size: 12px;
	color: #999;
}
.thumbs img{border:none;}
.main_obras a{
	text-decoration:none;
	}
.main_obras a:hover{
		filter:alpha(opacity=80);
    -moz-opacity:.80;opacity:.80;
	}
.reveal-modal p{
	font-family: 'Open Sans', sans-serif !important; 
	font-size: 12px !important; 
	text-align:justify;
	}
.reveal-modal h2{
		font-family: 'Droid Serif', serif;
		font-size:18px;
		color:#999;
		font-style: italic;
	}

.li_internas{
	padding-left:20px;
	background:url(../images/arrow-menu.png) no-repeat left;
	margin-bottom:5px;
	}

/*servicios*/

.items i{
	font-size:150%;
	background:#000;
	color:#FFF;
	}
.titulo{
	background:#666;
	color:#FFF;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	font-size:250%;
	margin:10px 0;
	filter:alpha(opacity=80);
    -moz-opacity:.80;opacity:.80;
	}
.subtitulo{
	background:#666;
	color:#FFF;
	font-family: 'Droid Serif', serif;
	font-size:120%;
	margin:10px 0;
	display:block;
	filter:alpha(opacity=80);
    -moz-opacity:.80;opacity:.80;
	}
	


/*carousel*/
.list_carousel {
				width: 100%;
			}
.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
.list_carousel li {
				text-align: center;
				width: 220px;
				height: 229px;
				padding: 0;
				display: block;
				float: left;
				margin:3px;
			}
.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
.clearfix {
				float: none;
				clear: both;
			}
.prev {
				float: left;
				margin-left: 10px;
			}
.next {
				float: right;
				margin-right: 10px;
			}
.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
.pager a.selected {
				text-decoration: underline;
			}