/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.6
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

* { margin:0; padding:0; }
body { background:#000; height:100%; font-family: 'Source Sans Pro', sans-serif; font-size: 11px; color:#000; background-color: #fff;}
	img { border:none; }
	
	#header {
	width: 100%;
	background-image: url(../img/transp.png);
	background-repeat: repeat-x;
	height: 110px;
}
	#footer { }
	
	
	#contacto { width: 170px; float:right; padding-top: 13px; }
	#contacto a{ text-decoration:none; color:#333;}
	#by { width:40px; float:right; ; padding-top: 11px;  position: fixed;
    bottom: 10px;
    right: 5px; color: #ccc; }


	
	#logo { float:left; width:330px; padding-left: 60px; margin-top:40px; }
	
	
	#links{ float:left; padding-left: 50px; margin-top:70px;  font-size: 11px; color:#333; font-weight:bold; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; 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 li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
			#tel {
    color: #FFFFFF;
    float: right;
    font-size: 17px;
    padding-right: 60px;
    padding-top: 70px;
    text-shadow: 1px 1px 1px #333333;
}
			
			.fancybox-buttons {
    background-color: #999999;
    border: 1px solid #666666;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 5px 10px;
    text-decoration: none;
    width: 100%;
}
h1  { font-size: 27px; color: #000; padding-left: 60px;
border-top: 1px solid #ccc; padding-top: 40px; font-weight: normal; font-family: 'Source Sans Pro', sans-serif; }

#contacto

{
	background-image: url(../img/mapa.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 1440px;
	width: 100%;
	height: 280px;
	float:left;
}

#estudio

{
	background-image: url(../img/dibujo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 1440px;
	width: 100%;
	height: 280px;
	float:left;
}



#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
  width: 100% !important;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 1280px;
  height: 300px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 2% 2%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.1;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 0.5;
  -webkit-transition: all 0.2s ease;
  color:#FFF;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}




a { color: #666; text-decoration: none;  }
a:hover { color: #333; text-decoration: none;  }