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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#133d6b;
}

a{ color: #000; }
a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }
a img{ border: none; }

#myclear{
	display:block;
	clear:both;
}

#innertube_20all{
	margin:20px;
	}
#innertube_40left{
	margin:0 0 0 40px;
	}
	
/*******************************************/
				/* Lyout */
/*******************************************/

#wrapper, #wrapper_ficha, #wrapper_portfolio {
	display:block;
	margin:0 auto;
	background-image:url(../images/bg_tile.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#wrapper_localicacion{
display:block;
	margin:0 auto;
	background-image:none;}

#wrapper_portfolio{
background-image:url(../images/br_linea_tortuga.jpg);
	background-repeat: repeat-x;
	background-position: top;


}
#wrapper_ficha {
	background-image:url(../images/bg_tile_portfolio_d1.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#cont_central, #cont_central_ficha, #cont_central_agencia {
	display:block;
	width:980px;
	margin:0 auto;
	height:670px;
}

#cont_central_agencia {
	height:840px;
}


/*******************************************/
			/* Cabecera Home */
/*******************************************/

#header {
	display:block;
	clear:both;
	position:relative;
	height:470px;
	margin:0;
	background-image:url(../images/bg_index_d1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#header_localizacion {
	display:block;
	clear:both;
	position:relative;
	height:470px;
	margin:0;
	background-image:url(../images/isla_localizacion.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}	
	
	
#header_portfolio {
	display:block;
	clear:both;
	position:relative;
	height:547px;
	margin:0;
	background-image:url(../images/bg_tortuga.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}	
	
#header_ficha{
	display:block;
	clear:both;
	position:relative;
	height:670px;
	margin:0;
	background-image:url(../images/bg_portfolio_d1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}


#logo_quelinka{
	display:block;
	position:absolute;
	top:11px;
	width:246px;
	height:61px;
	left: 359px;
	}




/*******************************************/
		/* Menu home */
/*******************************************/

#main_navigation{
	display:block;
	position:absolute;
	top:335px;
	left:90px;
	width:778px;
	height:30px;
	text-align:center;
}
	
#main_navigation li {
	font-size:18px;
	display: inline;
	list-style:none;
}
#main_navigation li a{
	color:#FFF;
	text-decoration:none;
	padding:0 24px 0 0;
}

#main_navigation li a:hover{
	color:#F90;
	text-decoration:underline;
}


.nombre_cliente{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	}

a.ver_proyecto:link, a.ver_proyecto:active, a.ver_proyecto:visited{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}
a.ver_proyecto:hover{
	color:#C00;
}

/*******************************************/
/*       Novedades home                    */
/*******************************************/

#cont_novedades{
	display:block;
	position:absolute;
	top:370px;
	left:0px;
	width:980px;
	height:200px;/*	border:solid 1px red;
*/
}
#cont_novedades ul li{
	margin:5px;
	list-style:none;
	line-height:14px;
	color:#FFF
	}
#cont_novedades ul li a.{
	margin:5px;
	list-style:none;
	line-height:14px;
	color:#FFF
	}

#novedad_1, #novedad_2, #novedad_3, #novedad_4{
	display:block;
	position:absolute;
	/*	background-color:#F06;*/
	top:0px;
	width:200px;
	height:200px;
	}
#novedad_1{
	left:30px;
}
#novedad_2{
	left:270px;
}
#novedad_3{
	left:510px;
}
#novedad_4{
	left:750px;
}


/*******************************************/
/*       QUELINKA                              */
/*******************************************/

#cont_info_agencia{
	display:block;
	position:absolute;
	top:370px;
	left:80px;
	width:800px;
	height:240px;/*	border:solid 1px red;*/
}

#cont_info_agencia h1{
	color:#FFF;
	font-size:18px;
	padding:10px 0;
	line-height:150%;
	}

#cont_info_agencia p{
	color:#FFF;
	}
	
#cont_info_agencia ul{
	margin:10px 0 0 0;
	color:#FFF;
	}

#cont_info_agencia ul li{
	margin:0px 0 0 25px;
	line-height:140%;
	list-style-image:url(../images/icon-tick.png);
	list-style-position: outside;
	list-style-type: none;
}
#cont_info_agencia .mapa_content{
	display:block;
	float:left;
	width:520px;
	height:300px;
	border:solid #55bef5 3px;
	/*padding:0 0 10px 20px;
	
		color:#FFF;*/
	}
#cont_info_agencia .mapa_right_content{
	display:block;
	float:right;
	width:200px;
	padding:0 0 10px 20px;
	/*border-left:dotted red 1px;*/
		color:#FFF;

	}
	
	
#cont_info_agencia .right_content{
	display:block;
	float:right;
	width:400px;
	padding:0 0 10px 20px;
	border-left:dotted red 1px;
		color:#FFF;

	}

#cont_info_agencia .form_content{
	display:block;
	float:left;
	width:700px;
	padding:0 0 10px 60px;
	color:#FFF;
	}



/*******************************************/
				/* Noticias*/
/*******************************************/

#noticia {
	display:block;
	overflow:visible;
	clear:both;
	margin:0 0 10px 0;
	padding:10px;
	background-color:#FFF;
	border:solid 3x #003;
	}
#noticia p{
	margin:20px 10px 0 10px;
	font-size:1.1em;
	color:#036
	}
	
#noticia h2{
	font-size:1.5em;
	line-height:1.4em;
	margin:5px 0 0 10px;
	color:#113B68
	}

#noticia a.ir_proyecto:link,#noticia a.ir_proyecto:visited, #noticia a.ir_proyecto:active {
	display:block;
	width:100px;
	font-size:1em;
	line-height:1.2em;
	margin:15px 0 0 10px;
	color:#900;
	text-decoration:none;

	}
#noticia a.ir_proyecto:hover{
	text-decoration:underline;
	color:#09C;
	}

#noticia img.marco{
	display:block;
	float:left;
	clear:left;
	margin:10px;
	padding:4px;
	background-color:#FFF;
	border:solid 1px #CCC ;
	}

#noticia.grafica{
	border-top:solid 3px #09C;
	background-image:url(../images/bg_noticias_grafica.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#noticia.identidad{
	border-top:solid 3px #9C0;
	background-image:url(../images/bg_noticias_identidad.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#noticia.web{
	border-top:solid 3px #936;
	background-image:url(../images/bg_noticias_web.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#noticia.video{
	border-top:solid 3px #9C0;
	background-image:url(../images/bg_noticias_video.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#noticia.multimedia{
	border-top:solid 3px #F90;
	background-image:url(../images/bg_noticias_multimedia.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#noticia.movil{
	border-top:solid 3px #660;
	background-image:url(../images/bg_noticias_movil.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#noticia.decoracion{
	border-top:solid 3px #900;
	background-image:url(../images/bg_noticias_decoracion.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#noticia.online{
	border-top:solid 3px #99F;
	background-image:url(../images/bg_noticias_online.jpg);
	background-repeat: repeat-x;
	background-position: top;
}


/*******************************************/
				/* Footer */
/*******************************************/


#footer{
	display:block;
	position:absolute;
	top:620px;
	left:90px;
	width: 778px;
	color:#FFF;
	text-align:center;
	}
a.quelinka:link, a.quelinka:active, a.quelinka:visited{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}
a.quelinka:hover{
	color:#C00;
}

#footer_relativo{
	display:block;
	width: auto;
	color:#FFF;
	text-align:center;
	}

/*********************************/
/*          PORTFOLIO            */
/*********************************/

:focus { outline: 0; }

/* Layout */
.boundingBox{ 
	margin: 0;
	/*width: 980px;*/ 
	}

/* Content */

#content{ 
	padding: 350px 0 0 0;
	width: 980px;
	text-align:center;
	}

/**************************/
/*   NAVIGATION  */
/**************************/
/* Content - Portfolio Listing */

ul#portfolio-filter{
	margin: 2px 25px 2px 10px;
	padding:2px 0;
	/*height: 64px;
	padding-left: 0px;
	line-height: 64px;*/
	line-height: 34px;
	height: 34px;
	width:945px;
	background-image:url(../images/slide-bg-nav.png);
	background-repeat: repeat;
}
ul#portfolio-filter li{ 
	display: inline; 
}
ul#portfolio-filter a{
	margin-right: 0.3em;
	padding: 0.5em 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;

}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{
	background-color:#144174;
}
ul#portfolio-filter a.current{
	background-color:#2B8FC2;
	border-bottom:2px solid #1D5E91;
	color:#FFF;
}

/**************************/
/*   THUMBNAILS  */
/**************************/

ul#portfolio-list{
	margin: 10px 0 0 0px;
	padding: 0;
	list-style: none;
	text-align:center;
	}
ul#portfolio-list li{
	width: 130px;
	height: 185px;
	display: block;
	float: left;
	margin:0 16px;
	overflow: hidden;
	}
ul#portfolio-list li a{
	display: block;
	position:relative;
	width: 120px;
	height: 120px;
	overflow: hidden;
	/*	border: 1px solid #000;
*/	padding:4px;
	background-color: #FFF;/**/
	}
ul#portfolio-list li p{
	font-size: 11px;
	line-height: 15px;
	color: #FFF;
	margin: 5px 0;
}

/* Estilo de la linea inferior de color en los thumbs segun categoria */
/*	$categoria_1 = "grafica"; 
	$categoria_2 = "identidad";
	$categoria_3 = "web";
	$categoria_4 = "video";
	$categoria_5 = "multimedia";
	$categoria_6 = "movil";
	$categoria_7 = "";
	$categoria_8 = "decoracion";
	$categoria_9 = "online";*/
	
ul#portfolio-list li a.grafica{
	/*background-color: #C00;*/
	border-bottom:solid #09C 6px;
	}
ul#portfolio-list li a.identidad{
	border-bottom:solid #9C0 6px;
	}
ul#portfolio-list li a.web{
	border-bottom:solid #936 6px;
	}
ul#portfolio-list li a.video{
	border-bottom:solid #9C0 6px;
	}
ul#portfolio-list li a.multimedia{
	border-bottom:solid #F90 6px;
	}
ul#portfolio-list li a.movil{
	border-bottom:solid #660 6px;
	}
ul#portfolio-list li a.decoracion{
	border-bottom:solid #900 6px;
	}
ul#portfolio-list li a.online{
	border-bottom:solid #99F 6px;
	}	

/* Coloca el icono identificador de la categoria sobre el thumb */
.icono_cat{
	position:absolute;
	display:block;
	width:20px; /*asigna el tamaño del icono*/
	height:19px;/*asigna el tamaño del icono*/
	top:110px;
	left:10px;
	}

/*******************************************/
				/* Ficha */
/*******************************************/


#datos{
	display:block;
	position:absolute;
	top:150px;
	width:290px;
	height:270px;
	left: 10px;
	}
	
#datos li {
	list-style:none;
	font-weight:normal;
	color:#036
	}	
#datos li p{
	margin:3px 0 10px 0;
	color:#069;
	}

.txt_datos{
	color:#333;

	}

#bt_volver {
	height:26px;
	width:197px;
	background-image:url(../images/bt_back_portfolio.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:10px 0 0 0;
	padding:6px 0 0 0;
}

.bt_ver-video {
display:block;
	height:27px;
	width:147px;
	background-image:url(../images/bt_ver_video.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:10px 0 0 0;
	padding:18px 0 0 55px;
	
}
.bt_ver-video a{color:#036;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;}
	
	
.bt_ver-video a:hover{
color:#FFFFFF;}

a.volver:link, a.volver:active, a.volver:visited {
	color:#036;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	margin:0 0 0 35px;
	}
	
a.volver:hover {
	color:#FFF;
	text-decoration:none;
	}	

#contenedor_slide{
	display:block;
	position:relative;
	width:980px;
	}
	
div#header_ficha{
 	margin: 0;
}
div#video-header{
 	height:683px;
 	margin:-1px 0 0;
}


/* FONDO/MARCO CON UNA IMAGIEN - NO ES NECESARIO PARA EL FUNCIONAMIENTO */
 
 /* div#header div.wrap{
  height:499px;
 background:url(images/header-bg.png) 50% 0 no-repeat;
 }*/
 
 
 div#header_ficha div#slide-holder{
	position:absolute;
	z-index:40;
	width:650px;
	/*width:700px;*/
	height:450px;
	/*	height:670px;*/
	left: 316px;
	top: 12px;
 }
  div#header_ficha div#slide-holder div#slide-runner{
	top:1px;
	left:1px;
	width:650px;
	height:450px;
	overflow:hidden;
	position:absolute;
  }
  div#header_ficha div#slide-holder img{
   margin:0;
   top:46px;
   display:none;
   position:absolute;
  }
  /* POSICIONA LA BANDA NEGRA SOBRE LA QUE APARECE LA INFORMACION Y NAVEGACION */
  div#header_ficha div#slide-holder div#slide-controls{
   left:0;
   top:0;
   width:700px;
   height:46px;
   display:none;
   position:absolute;
   background:url(../images/slide-bg.png) 0 0;
  }
  /*-------------*/
   div#header_ficha div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;/* posicion del texto en la barra */
    text-transform:uppercase;
   }
 
   div#header_ficha div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 55px 0 0;/* posicion  de los iconos hasta el fin de la barra */
   }
    div#header_ficha div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#header_ficha div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
	 color:#FFF;/* color del texto de los iconos activos*/
    }
div#header_ficha div#slide-holder div#slide-controls p#slide-nav a{
	background-image:url(../images/silde-nav.png);
	color:#9C0;/* color del texto de los iconos */
}
div#nav ul li a{background:url(../images/nav.png) no-repeat;}	
body {
}