/* DEFINICIÓN DE LOS ESTILOS GENERALES Y RESET DE ESTILOS */

@font-face {
  font-family: 'BankGothic-Lt-BT-Light';
  src: url('http://www.quiquetoledano.com/_styles/BankGothic Lt BT Light.ttf');
}
@font-face {
  font-family: 'Futura-CondensedMedium';
  src: url('http://www.quiquetoledano.com/_styles/Futura-CondensedMedium.ttf');
}

@font-face {
 font-family: 'BankGothic-Lt-BT-Light';
 src: url("BankGothic_Lt_BT_Light.eot") /* EOT file for IE */
}


    
*{padding: 0; margin: 0;}

img{ border: 0;}

ul { list-style: none; padding: 0; margin: 0; display:block; }

h1, h2, h3, h4, h5, h6 { margin: 0px; font-size: 1em; padding: 0px;}

a{ text-decoration: none; color: #000; font-family: Verdana, Arial; }

body{ font-family: Verdana, Arial; font-size: 62.5%; color:#333; background: url('http://www.quiquetoledano.com/_imagenes/_background/body.png') no-repeat center 0 #101010; }


/* DEFINICIÓN DE CLASES GENERALES */

.rojo { color:red; }
.negrita { font-weight:600; }

.contenedor {
	width: 1030px;
	margin:-15px auto 0 auto;
	height:547px;
}

.header-int{
	
	width: 1030px;
	margin:auto;
	height:120px;
	background: url('http://www.quiquetoledano.com/_imagenes/_background/header.png') no-repeat;
	position:relative;
	z-index:1;

}

.footer{
	margin:-9px 0 0 0;
}

.footer-int{
	
	width: 1030px;
	margin:auto;
	height:120px;
	background: url('http://www.quiquetoledano.com/_imagenes/_background/footer.png') no-repeat;
	padding:12px 0 0 0;
	position:relative;
	z-index:1;
	margin-top:10px;
}


/* Header */

.header-int .logo{ float:left; display:block; padding:4px 0 0 30px;}
.header-int .header-sup{ float:right; display:block; background: url('http://www.quiquetoledano.com/_imagenes/_background/header-2.png') no-repeat; width:536px; height:60px; margin:0 13px 0 0; }
.header-int .header-sup li{ float:left; font-size:1.1em; }

.header-int .header-sup .favoritos{ padding:5px 0 0 60px; }
.header-int .header-sup .sesion{ padding:20px 0 0 25px; font-weight:600; }
.header-int .header-sup .sesion a{ text-decoration:underline; }

.header-int .header-sup .favoritos{ padding:5px 0 0 60px; }
.header-int .header-sup .nom_usuario{color:#FFF; font-family : 'Futura-CondensedMedium' ;text-align:center; width:180px;height:40px; padding:10px 0 0 18px; }
.header-int .header-sup .nom_usuario span{color:#000; font-family:'Arial'; font-weight:bold; font-size:18px;}
.header-int .header-sup .redes-sociales{ padding:10px 0 0 27px; }
.header-int .header-sup .redes-sociales-2{ padding:10px 0 0 5px; }

.header-int .menu{ margin:17px 0 0 90px; }
.header-int .menu, .header-int .menu li { float:left; padding: 0 3px; }
.header-int .menu a{ font-family : 'BankGothic-Lt-BT-Light'; font-size:1.1em; text-shadow: #666 0.1em 0.1em 0.2em }

.header-int .menu .current{ background:url('http://www.quiquetoledano.com/_imagenes/_background/hover-boton-menu.png') no-repeat; color:red; background-size:100% 100%; }


.header-int .categorias{ position:absolute; width:955px; background:#000; margin:104px 0 0 18px; z-index:2000; padding:10px 0 10px 40px; opacity:0.8; }
.header-int .categorias li{ float:left; width:220px;  margin: 2px 0;  }

.header-int .categorias li a{ color:#FFF; font-family : 'BankGothic-Lt-BT-Light'; font-size:1.3em; }

/* Footer */

.footer-int .musica{ float:left; display:block; margin:0 0 0  18px;}

.footer-int ul{ float:left; padding:1px 0 0 0; font-size:1.1em; }
.footer-int ul li{ float:left; padding:0 4px; text-align:center; }
.footer-int ul li a{ text-decoration:underline;  }


/* Presentacion */
.contenedor .img-presentacion{ display:block; margin:0 0 0 18px; }

.contenedor .menu-presentacion{ position:absolute; margin:440px 0 0 842px; }
.contenedor .menu-presentacion li{ background:#121212; width:140px; padding:8px 15px; margin:0 0 10px 0; }

.contenedor .menu-presentacion li a{  font-family : 'BankGothic-Lt-BT-Light'; color:#FFF; font-size:2.4em; }
.contenedor .menu-presentacion li a span{ font-size:0.4em; }


/* Estudio */
.foto_slider{margin:0 0 0 18px;}
.foto_slider li{ text-align:center; background:#000; width:990px;}

.info-estudio{ position:absolute;  font-family : 'BankGothic-Lt-BT-Light'; z-index:1000; width:280px; margin:260px 0 0 20px; }

.info-estudio .titulo{ float:left; font-size:2.6em; }
.info-estudio .descripcion{ float:left; color:#FFF; background:#000; height:245px; width:100%; padding:10px 10px; font-size:1.1em; opacity:0.7; }


/* Catalogo */
.catalogo{ float:left; width:996px; background:#000; margin:0 0 0 17px; }

.cont-img-big{ float:left; width:780px; height:475px; text-align:center;}
.catalogo .imagen-big{ max-height:465px; }
.catalogo .datos-articulo{ float:left; width:214px; color:#FFF; font-family : 'BankGothic-Lt-BT-Light'; font-size:1.2em; }

.catalogo .datos-articulo .titulo{ float:left; padding:15px 0 0 10px; width:200px; font-size:1.3em; }
.catalogo .datos-articulo .descripcion{ float:left; padding:15px 0 20px 10px; min-height:200px; max-height:295px; overflow:hidden; }

.catalogo .datos-articulo .solicita-presupuesto{ float:left; width:100%; text-align:center; }

.catalogo .opciones-articulo{ float:left; position:absolute; width:960px; margin:410px 0 0 30px; height:50px; }

.catalogo .opciones-articulo .facebook{ float:left; display:block; margin:-5px 0 0 20px; }
.catalogo .opciones-articulo .favoritos{ float:left; display:block; margin:4px 0 0 25px; }

.catalogo .flechas{ float:right; margin:10px 30px 0 0; }
.catalogo .flechas li{ float:right; margin:0 0 0 10px; }

.catalogo .info-categoria{ float:right; text-align:right; width:100px; margin:10px 0 0 0; font-size:1.2em; font-family : 'BankGothic-Lt-BT-Light'; color:#FFF; }
.catalogo .info-categoria li width:100%; { float:left; padding: 0 0 0 5px; }

.catalogo .carrusel{ float:left; margin:5px 0 0 0; height:72px; width:100%; overflow:hidden; }
.catalogo .carrusel li{ float:left; height:72px; margin:0 1px; }

/* Proyectos */
.proyectos{ float:left; width:996px;  margin:0 0 0 17px; }
.proyectos .botones{float:left;width:996px; font-family: 'BankGothic-Lt-BT-Light';}
.proyectos .botones .proyecto{float:left;background-image:url('http://www.quiquetoledano.com/_imagenes/_background/proyecto.png');color:#FFF;font-size:22px;height:55px;line-height:55px;width:302px;text-align:center;margin:12px 0 0 4px;}
.proyectos .botones .galeria{float:left;background-image:url('http://www.quiquetoledano.com/_imagenes/_background/galeria.png');height:26px;line-height:26px;width:227px;text-align:center;margin:41px 0 0 10px;}
.proyectos .botones  a{font-size:16px;font-family: 'BankGothic-Lt-BT-Light';}
.proyectos .botones .documentos{float:left;background-image:url('http://www.quiquetoledano.com/_imagenes/_background/documentos.png');color:#000;font-size:16px;
height:26px;line-height:26px;width:227px;text-align:center;margin:41px 0 0 10px;}
.proyectos .botones .invitar{float:left;color:#FFF;font-size:16px;height:26px;line-height:26px;width:206px;text-align:center;margin:41px 0 0 10px;}

.proyectos .imagen-big{ float:right; display:block; width:780px; height:420px; }


.proyectos .facebook{ position:absolute; top:526px; left:998px;  }

.proyectos .flechas .derecha{position:absolute; background-color:#2D2D2D; opacity:0.8; width:40px; text-align:center; vertical-align:middle; left:1130px; line-height:420px; height:420px;margin-top:67px;}
.proyectos .flechas .izquierda{position:absolute; background-color:#2D2D2D; opacity:0.8; width:40px; text-align:center; vertical-align:middle; left:390px;  line-height:420px; height:420px;margin-top:67px;}

.proyectos .carrusel{ float:left; margin:5px 0 0 0; height:72px; width:100%; overflow:hidden; }
.proyectos .carrusel li{ float:left; height:72px; margin:0 1px; }


/* Carrusel */
	#carousel {
	position: relative; /* Necesario */
	overflow: hidden; /* Necesario */
	height: 77px;
	margin-left:23px;
	margin-right:23px;
	width:950px;
	float:left;
	}
	 
	#carousel .belt {
	position: absolute; /* Necesario */
	left: 0;
	top: 0;
	margin:0 0 10px 0;
	}
	 
	#carousel .panel {
	float: left; /* Necesario */
	overflow: hidden;
	margin: 1px;
	padding:7px;
	/*border:1px solid #5B5B5B;*/
	/*background:#383838  bottom left repeat-x;*/
	}

/* Scrollbar*/
.scrollbar_container {
	float:left; 
	position:relative;
	width:216px;
}
 
.scrollbar_track {
	position:absolute;
	top:11px;
	right:11px;
	height:406px;
	width:7px;
	background-color:transparent;
	cursor:move;
	background: url(http://www.quiquetoledano.com/_imagenes/_iconos/scroll-barra.png) no-repeat ;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
 
.scrollbar_handle {
	width:7px;
	height:112px;
	background: url(http://www.quiquetoledano.com/_imagenes/_iconos/scroll-boton.png) no-repeat ;
	cursor:move;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
 
.scrollbar_content {
	overflow:hidden;
	width:165px;
	height:392px;
	padding:20px 0 0 36px; 
}

 
.scrollbar_content .carpeta{	 
	width:150px;
	height:104px;
	margin:auto;
	text-align:center;
	display:block;
	float:left;
}
.scrollbar_content .carpeta a{
	color:#F7CA52; 
	font-size:12px;
}

.scrollbar_content .carpeta_current{
	width:135px;
	height:128px;
	margin:auto;
	text-align:center;
	display:block;
	float:left;
}	
.scrollbar_content .carpeta_current a{
	color:#F7CA52; 
	font-size:12px;
}
	
	
/* Situacion  */
.contenedor .cont_mapa{
	float:left;
	width:590px;
	height:475px;
	margin:50px 0 0 40px;
}	
.contenedor .cont_mapa .mapa{
	float:left;
	background-color:#FFF;
	width:590px;
	height:450px;
	border:2px solid #000;
}	
.contenedor .cont_mapa p{
	float:right;
	color:#FFF;
	text-align:right;
	width:590px;
	margin:7px 7px 0 0 ;
	font-family: 'BankGothic-Lt-BT-Light';
	font-size:14px;
}
.contenedor .cont_datos{
	float:left;
	width:266px;
	height:335px;
	margin:50px 0 0 50px;

}
.contenedor .cont_datos .datos{
	float:left;
	background-color:#000;
	width:265px;
	height:244px;
	margin:10px 0 0 0;
	padding-top:16px;
}
.contenedor .cont_datos .datos p{
	font-family: 'BankGothic-Lt-BT-Light';
	font-size:16px;
	color:#FFF;
	margin:10px 0 0 10px;
	float:left;
}
.contenedor .cont_datos .datos a{
	font-family: 'BankGothic-Lt-BT-Light';
	font-size:16px;
	color:#FFF;
	margin:30px 0 0 10px;
	float:left;
}
.contenedor .cont_datos .datos span{
	float:left;
	margin-left:37px;
	margin-top:3px;
}


/* Login */

#form-login{ float:left; color:#FFF; margin:150px 0 210px 380px; }
#form-login a{ color:#FFF; }

#form-login td{ height:25px; }

#form-login .titulo-login{ font-size:15px; padding:0 0 25px 0;}


/* contacto */

.contacto{ width:100%; height:580px; background: url(http://www.quiquetoledano.com/_imagenes/_background/fachada.jpg) no-repeat; margin:10px 0 0 20px; }

.titulo-contacto{ color:#FFF; }
.descripcion-contacto{ font-size:16px; color:#FFF; }


/* presupuesto */

.formulario-presupuesto{ width:240px; height:400px; margin: 0 0 0 500px; position: absolute; background:#000; color:#FFF; padding:20px 0 0 40px; }

ul, li{ list-style: none; }

.formulario-presupuesto .list-large, .formulario-presupuesto .list-large input, .formulario-presupuesto .list-large textarea{ float:left; width:200px; }

.formulario-presupuesto .list-large input[type=checkbox]{ width:20px; }

.formulario-presupuesto .list-med, .formulario-presupuesto .list-med input{ float:left; width:90px;  }
.formulario-presupuesto .impar{ margin-right:20px; }


.formulario-presupuesto input, .formulario-presupuesto select{ margin-bottom:10px; }
.formulario-presupuesto textarea{ height:80px; margin-bottom:10px; }

.formulario-presupuesto .centro{ text-align: center; }

.formulario-presupuesto .cerrar{ position: absolute; margin:-10px 0 0 -30px; }


.formulario-contacto{ margin-left:710px; height:560px; opacity:0.9; }
.formulario-presupuesto a{ color:#CCC; }


/* favoritos */

.favoritos-seccion{ float:left; background-color:#000; margin:0 0 0 16px; font-family : 'BankGothic-Lt-BT-Light'; font-size:13px; }

.favoritos-seccion table{ margin:30px 0 0 30px; color:#FFF; vertical-align:top; }

.favoritos-seccion table .cabecera{ padding:0 0 20px 0; }

.favoritos-seccion table td{ vertical-align:top; }

.favoritos-seccion table .table-int{ margin:0 0 0 20px; padding:0 0 20px 0; vertical-align:top;  }



.favoritos-seccion .paginado a{ display:block; float:left; color:#FFF; width:20px; text-align:center; height:18px;}
.favoritos-seccion .paginado .current a{ color:#000; background:#f7ca52; }

.favoritos-seccion .paginado ul{ float:left; }
.favoritos-seccion .paginado ul li{ float:left; }


.favoritos-seccion .parrafo{ padding: 30px 0 0 30px; }

.fav_izq{
	float:left;
	width:556px;
	height:555px;	
}
.fav_der{
	float:left;
	width:430px;
	height:555px;
	margin-left:10px;
}
.fav_der p,.fav_der a{
	font-family: 'BankGothic-Lt-BT-Light';
	font-size:14px;
	color:#FFF;
	margin-top:40px;
}
.fav_der .cuadro_pdf{
	background-color:#000;
	height:70px;
	margin:20px 0 0 0;
}
.fav_der .cuadro_pdf img{
	float:left;
	margin:5px 0 0 60px;
}
.fav_der .cuadro_pdf p{
	float:left;
	margin:12px 0 0 7px;
}

.info-registro{ float:left; color:#FFF; margin:156px 0 0 30px; width:300px; }
.como-llegar{ float:left; margin:10px 0 0 20px; }
.como-llegar input[type=text]{ width:260px; }

.spot{
	position:absolute;
	margin:60px 0 0 260px;
}

#directions-panel{
	
	width:340px; min-height:455px; background:#FFF; position: absolute; margin:51px 0 0 650px; z-index:10000;
}


.foto-proyectos-preview{
	float:left; width:100%; height:560px;
	
	background: url(http://www.quiquetoledano.com/_imagenes/_background/foto-proyectos.png) no-repeat 20px 10px ;
}

.info-preview-proyecto{
	float:left; width:330px; color:#FFF; font-size:11px;
	
	padding:300px 0 0 600px;
}

.info-preview-proyecto a{ color:#ffc000; font-size:14px;}