/* CSS Document  Created by Alejandro Briz */
/* info@alejandrobriz.es :: www.alejandrobriz.es */

/* Lista Colores 
#A00D59 Rosa fucsia oscuro
#E1007A Rosa Fucsia
#0A71B3 Azul oscuro
#0098DF Azul claro
*/

	* { margin:0px; padding:0px; }

	.left { float:left; }
	.right { float:right;}
	.clear { clear:both; }
	.ciego { display:none; }
	 img { border:none; }
	.lapiz { float:left; margin-left:25px; } 
 

/* float end */

	body {
		font: 0.9em/1.2em "Futura", Arial, Helvetica, sans-serif;
		color: black;      
 		background:url(image/bg_rejilla.gif) top left repeat;
		text-align:center;
		}
	
	div#contenedor {
		width:960px;
		margin:0 auto;
		}	
		
	
/* Textos */

	h1, h2, h3 { color:#000; line-height:1.2em; text-shadow:1px 1px 1px rgb(185,185,185); text-align:left; }
	
	h1, h2, h3 { font-size:1.6em; margin:0 9px 9px 9px; }
	
	h4 { font-size:1.4em; margin:0 3px 8px 3px; }
	
	h4#titulo { font-size:1.3em; line-height:1.1em; color:#FFFFFF; margin-bottom:15px; background:url(image/bg_menu_azul.gif) top left repeat-x; padding:13px; width:400px; }
	
	p { font-size:1.1em; color:#666666; line-height:1.4em; text-align:left; }
	
	b { font-style:normal; color:#000000; }
	
	hr { border:solid 1px #666666; margin:10px 0; }

/* Head */

	div#head {
		height:135px;
		width:960px;
		margin:0 auto;
		background:#FFFFFF;	
		}
	
	div#head img.logo {
		margin:6px 0 0 45px;
		float:left;
		}
	
	div#head img.llama {
		float:right;
		margin-right:40px;
		}
	
/* Menu navegación */

	div#nav_principal {
		background:url(image/bg_menu_azul.gif) top left repeat-x;
		height:47px;
		width:960px;
		margin:0 auto;
		border-bottom:solid 5px #0098DF;
		}
	
	div#nav_principal ul {
		list-style:none;
		list-style-position:inside;
		padding:15px 12px 0 12px;
		}
	
	div#nav_principal ul li {
		float:left;
		display:inline;
		}
	
	div#nav_principal ul li a {
		color:#FFFFFF;
		font-size:1.35em;
		text-decoration:none;
		padding:5px 21px 10px 21px;
		}
	
	div#nav_principal ul li a:hover {
		color:#FFFFFF;
		background:#0098DF;
		border-right:solid 1px #0A71B3;
		border-left:solid 1px #0A71B3;
		}

	
	div#nav_principal ul li a#btnhome:hover, #home #btnhome {
		color:#FFFFFF;
		background:#0098DF;
		border-right:solid 1px #0A71B3;
		border-left:solid 1px #0A71B3;
		text-shadow: 1px -1px 1px rgb(0,0,0);
		}
		
	div#nav_principal ul li a#btnmarketing:hover, #marketing #btnmarketing {
		color:#FFFFFF;
		background:#0098DF;
		border-right:solid 1px #0A71B3;
		border-left:solid 1px #0A71B3;
		text-shadow: 1px -1px 1px rgb(0,0,0);
		}
		
	div#nav_principal ul li a#btnDweb:hover, #Dweb #btnDweb {
		color:#FFFFFF;
		background:#0098DF;
		border-right:solid 1px #0A71B3;
		border-left:solid 1px #0A71B3;
		text-shadow: 1px -1px 1px rgb(0,0,0);
		}
		
	div#nav_principal ul li a#btncontacto:hover, #contacto #btncontacto {
		color:#FFFFFF;
		background:#0098DF;
		border-right:solid 1px #0A71B3;
		border-left:solid 1px #0A71B3;
		text-shadow: 1px -1px 1px rgb(0,0,0);
		}	
			
	div#nav_principal ul li a#btnDgrafico:hover, #Dgrafico #btnDgrafico {
		color:#FFFFFF;
		background:#0098DF;
		border-right:solid 1px #0A71B3;
		border-left:solid 1px #0A71B3;
		text-shadow: 1px -1px 1px rgb(0,0,0);
		}	
	
	div#nav_principal ul li a#btnportafolio:hover, #portafolio #btnportafolio {
		color:#FFFFFF;
		background:#0098DF;
		border-right:solid 1px #0A71B3;
		border-left:solid 1px #0A71B3;
		text-shadow: 1px -1px 1px rgb(0,0,0);
		}	
	
		/* hay que seguir creando... */
	
/* Contenido */

	div#contenido {
		width:960px;
		margin:0 auto;
		background:#FFFFFF;
		padding:10px 0 0 0;
		}	
	
	div.bar_izq {
		width:480px;
		float:left;
		padding:5px;
		}
		
		div#cont_izq {
			width:435px;
			border:solid 1px #E6E6E6;
			padding:20px 10px;
			}
		
		div#cont_izq p {
			padding:10px;
			}
			
	div#bar_der {
		width:430px;
		float:right;
		}
	
		div#bar_der {
			width:440px;
			background:#FFFFFF;
			padding:10px;
			}
			
	div.bar_90 {
		width:99%;
		float:left;
		padding:5px;
		}
		
		div#cont_izq2 {		
			width:95%;
			border:solid 1px #E6E6E6;
			padding:20px 10px;
			}
			
		div#contenidos {
 			width:90%;
			}
			
		.imagen { border:solid 1px #CCCCCC; margin-left:5px; }			
		
	 a.recomendar {
		background:url(image/btn_recomendar.gif) top left no-repeat;
		text-indent:-5000px;
		display:block;
		width:198px;
		height:15px;
		margin:5px 10px;
		padding:0;
		float:left;
		}
		
	 a.recomendar:hover {
		background:url(image/btn_recomendar2.gif) top left no-repeat;			
		}
		
	 a.leermas {
		background:url(image/btn_leer.gif) top left no-repeat;
		text-indent:-5000px;
		display:block;
		width:91px;
		height:15px;
		margin:5px 10px;
		padding:0;
		float:left;
		}
		
	 a.leermas:hover {
		background:url(image/btn_leer2.gif) top left no-repeat;			
		}	
	
/* Formularios */	
		
	 a { color:#333333; text-decoration:none; }
	
	 a:hover { color:#E1007A; text-decoration:underline; }
			
	p#truncateMe a span { padding-left:20px; background:url(image/leermas.gif) top left no-repeat; margin:0 5px 0 0; }
	
	a#presupuesto {
		width:420px;
		height:45px;
		display:block;
		text-indent:-5000px;
		background:url(image/btn_presupuesto_off.jpg) top left no-repeat;
		}
		
	a#presupuesto:hover { background:url(image/btn_presupuesto_on.jpg) top left no-repeat; }
	
	a#asesoramiento {
		width:420px;
		height:45px;
		display:block;
		text-indent:-5000px;
		background:url(image/btn_asesoramiento_off.jpg) top left no-repeat;
		margin-top:7px;
		}
		
	a#asesoramiento:hover { background:url(image/btn_asesoramiento_on.jpg) top left no-repeat; }	
	
	a#seo {
		width:420px;
		height:45px;
		display:block;
		text-indent:-5000px;
		background:url(image/btn_seo_off.jpg) top left no-repeat;
		margin-top:7px;
		}
		
	a#seo:hover { background:url(image/btn_seo_on.jpg) top left no-repeat; }
	
	a#twitter {
		width:420px;
		height:45px;
		display:block;
		text-indent:-5000px;
		background:url(image/btn_twitter_off.gif) top left no-repeat;
		margin-top:7px;
		}
		
	a#twitter:hover { background:url(image/btn_twitter_on.gif) top left no-repeat; }
	
	a#formspring {
		width:420px;
		height:45px;
		display:block;
		text-indent:-5000px;
		background:url(image/btn_pregunta_off.gif) top left no-repeat;
		margin-top:7px;
		}
		
	a#formspring:hover { background:url(image/btn_pregunta_on.gif) top left no-repeat; }	
	
	a#facebook {
		width:420px;
		height:45px;
		display:block;
		text-indent:-5000px;
		background:url(image/btn_facebook_off.gif) top left no-repeat;
		margin-top:7px;
		}
		
	a#facebook:hover { background:url(image/btn_facebook_on.gif) top left no-repeat; }
	
	div#mini_form { 
		width:407px; 
		padding:8px 10px 5px 12px; 
		border:solid 1px #CCCCCC; 
		border-radius:10px; 
		-ms-border-radius:10px; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px; 
		-khtml-border-radius:10px;
		}
		
	div#mini_form .mini_form label {
		float:left;
		display:inline;
		padding:5px;
		font-size:1em;
		line-height:0.7em;
		}
		
	div#mini_form .mini_form input {
		width:300px;
		margin-right:5px;	
		float:right;
		display:inline;
		border:solid 1px #CCCCCC;
		padding:3px;
		}
		
	div#mini_form .mini_form select.lista {
		width:235px;
		padding:2px;
		margin-right:5px;	
		float:right;
		display:inline;
		border:solid 1px #CCCCCC;
		}
		
	div#mini_form .mini_form input:focus {
		border:1px solid #0098DF;
		background:#E0FFFF;
		}	
		
	div#mini_form .mini_form input.enviar {	
		width:118px;
		height:28px;
		background:url(image/btn_enviar_off.gif) top left no-repeat;
		text-indent:-5000px;
		border:none;
		display:block;
		position:relative;
		bottom:5px;
		}
		
	div#mini_form .mini_form input.enviar:hover {
		background:url(image/btn_enviar_on.gif) top left no-repeat;
		}
		
	div#mini_form .mini_form input.hid {
		border:none;
		display:none;
		}
		
	div#mini_form span {
		width:220px;
		display:block;
		position:relative;
		bottom:-15px;
		}	
		
	div#mini_form span input#btnok {
		border:none;
		width:20px;
		float:left;
		}
		
	div#mini_form span p#texto_legal {
		font-size:0.9em;
		line-height:1em;
		color: #666666;
		}
		
	div#mini_form span p#texto_legal a { color: #666666; }
	
/* Listas de definicion */
	
	dl, dd, dt { text-align:left; }
	
	dl { padding:5px; width:410px; }
	
	dt { width:410px; font-size:1.3em; line-height:1.1em; margin-bottom:10px; background:url(image/bg_menu_azul.gif) top left repeat-x; padding:13px; }
	
	dt b { color:#FFFFFF; }
	
	dd { color:#666666; font-size:1em; }
	
	dd p { padding:8px; }
	
	dl dd { padding:3px; }
	
/* Portafolio slider */

#slideshow {
	margin:0 auto;
	width:640px;
	height:410px;
	position:relative;
	padding: 0;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:410px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
	margin:0 auto;
	width:520px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:100%;
}

.control {
  display:block;
  width:39px;
  height:410px;
  text-indent:-5000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(image/control_left.gif) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(image/control_right.gif) no-repeat 0 0;
}

.slide h2, .slide p { margin:15px; }
.slide h2 { letter-spacing:-1px; }
.slide img { float:right; margin:0 15px; }
.slide img.img_portafolio { float:left; margin:0; }

/* galeria slider */

	#slider {
	width:420px;
  	height:300px;
	position:relative;	
	overflow:hidden;
	border:solid 1px #C5C5C5;
	margin-left:4px;
	}

	#mask-gallery {	overflow:hidden; }

	#gallery {
	list-style:none;
	margin:0;
	padding:0;
	z-index:0;
	width:420px;
	overflow:hidden;
	}

	#gallery li { float:left; } 
	
	#mask-excerpt {
	position:absolute;	
	bottom:0;
	left:0;
	z-index:500px;
	width:420px;
	height:50px;
	overflow:hidden;	
	}
	
	#excerpt {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;  
	-khtml-opacity: 0.5;
	opacity: 0.5;  
	list-style:none;
	margin:0;
	padding:0;
	z-index:10;
	position:absolute;
	bottom:0;
	left:0;
	width:420px;
	height:50px;
	background:#C5C5C5;
	overflow:hidden;
	font-size:0.9em;
	color:#000;
	display:none;
	}

	#excerpt li { padding:6px 12px; text-align:left; }
		
	a#btn-prev, a#btn-pause, a#btn-play, a#btn-next { height:35px; display:block; text-indent:-5000px; float:left; }
	a#btn-prev { width:56px; background:url(image/menu_play/negro_02.gif) top left no-repeat; margin-left:150px; } 
	a#btn-pause { width:56px; background:url(image/menu_play/negro_03.gif) top left no-repeat; } 
	a#btn-play { width:56px; background:url(image/menu_play/negro_04.gif) top left no-repeat; } 
	a#btn-next { width:56px; background:url(image/menu_play/negro_05.gif) top left no-repeat; }
	
	a#btn-prev:hover { background:url(image/menu_play/azul_02.gif) top left no-repeat; }
	a#btn-pause:hover { background:url(image/menu_play/azul_03.gif) top left no-repeat; }
	a#btn-play:hover { background:url(image/menu_play/azul_04.gif) top left no-repeat; }
	a#btn-next:hover { background:url(image/menu_play/azul_05.gif) top left no-repeat; }

/* galeria slider */

/* Faq */
	
	div#cuerpo {
	width: 800px;
	margin: 10px auto;
	}

	div#cuerpo dl { 
	clear: both; 
	}

	div#cuerpo dt {
	border-bottom: 6px solid #0A71B3;
	padding:10px;
	margin:0 0 35px 0;
	background: white;
	position: relative;
	font-style: italic;
	position: relative;
	display: block;
	width: 774px;
	height: auto;
	 }
					
	div#cuerpo dd.respuesta	{
	position: relative;
	width: 650px;
	float: left;
	margin-left:130px;
	 }
	 
	div#cuerpo dd.respuesta div	{ 
	padding:10px; 
    margin: 0; 
	}

	div#cuerpo .respuesta-tab { 
	background: url(image/respuesta-tag.gif); 
	display: block; 
    text-indent: -5000px; 
	width: 105px; 
	height: 50px; 
	cursor: pointer;
    position: absolute; 
	bottom: -56px; 
	left:-2px;
	}


/* Fin Faq */

/* Formulario del Briefing */

	.info_briefing p { margin:0 10px; border:dashed 1px #0A71B3; padding:10px; color:#0098DF; }
	
	form.brienfing { width:80%; margin:0 auto; text-align:left; }

	form.brienfing label { display:block; margin:10px 0; padding:0; color:#000000; font-size:1.3em; line-height:1.4em; }

	form.brienfing textarea.int_texto { width:100%; height:80px; border:solid 1px #CCC; padding:5px; font-size:1em; }
	
	form.brienfing textarea.int_texto:focus { border:1px solid #0098DF; background:#E0FFFF; }
		
	form.brienfing input.int_texto_simple { width:100%; height:17px; border:solid 1px #CCC; padding:5px; font-size:1em; }

	form.brienfing input.int_texto_simple:focus { border:1px solid #0098DF; background:#E0FFFF; }	
	
	form.brienfing input.int_texto_peq { width:58%; height:17px; border:solid 1px #CCC; padding:5px; margin-bottom:5px; font-size:1em; }
	
	form.brienfing input.int_texto_peq:focus { border:1px solid #0098DF; background:#E0FFFF; }
	
	form.brienfing select { width:60%; height:30px; border:solid 1px #CCC; padding:5px; font-size:1em; }
	
	form.brienfing input.enviar {	
		width:118px;
		height:28px;
		background:url(image/btn_enviar_off.gif) top left no-repeat;
		text-indent:-5000px;
		border:none;
		display:block;
		position:relative;
		bottom:5px;
		}
		
	form.brienfing input.enviar:hover {
		background:url(image/btn_enviar_on.gif) top left no-repeat;
		}
		
/* Menu lista de colores */	

	div#contenido ul#menu_color  {
	list-style:none;
	list-style-position:inside;
	}
	
	div#contenido ul#menu_color li {
	display:block;
	margin:0 4px;
	padding:5px;
	float:left;
	border:solid 1px #CCCCCC;
	}
	
	div#contenido ul#menu_color li a:hover { text-decoration:none; }
	
	div#contenido ul#menu_color li#rojo {	background:#FF0000; }
	div#contenido ul#menu_color li#rosa {	background:#FF1493; }
	div#contenido ul#menu_color li#naranja {	background:#FF4500; }
	div#contenido ul#menu_color li#amarillo {	background:#FFFF00; }
	div#contenido ul#menu_color li#purpura {	background:#800080; }
	div#contenido ul#menu_color li#verde {	background:#008000; }
	div#contenido ul#menu_color li#azul {	background:#0099FF; }
	div#contenido ul#menu_color li#marron {	background:#8B4513; }
	div#contenido ul#menu_color li#blanco {	background:#FFFAFA; }
	div#contenido ul#menu_color li#gris {	background:#808080; }

/* lector RSS */

#rss{
	font-size:1.2em;
	width:407px; 
	padding:8px 10px 5px 12px; 
	border:solid 1px #CCCCCC; 
	border-radius:10px; 
	-ms-border-radius:10px; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 
	-khtml-border-radius:10px;
	text-align:left;
	}

titulo {
	font-weight:bold;
	color:#0A71B3;
	padding-bottom:10px;
	}

descripcion {
	color:#666666;
	line-height:1.2em;
	font-size:1em;
	}

fecha {
	color:#CCCCCC;
	}

enlace a {
	color:#003399;
	margin-left:18px;
	background-color: transparent;
	background: url("image/btn_leer.gif") top left no-repeat;
	text-indent: -5000px;
	display: block;
	width: 91px;
	height: 15px;
	margin: 5px 10px ;
	padding: 0pt;
	float: left;
	}

next a {
	color:#006699;
	margin-left:18px;
	text-decoration:none;
	}

load{ color:#0A71B3; }

/* Lista Colores 
#A00D59 Rosa fucsia oscuro
#E1007A Rosa Fucsia
#0A71B3 Azul oscuro
#0098DF Azul claro
*/

/* Footer */
	
	div#footer {
		height:50px;
		background:url(image/bg_footer.gif) top left repeat-x;
		color:#333333;
		}
	
	div#footer ul {
		padding-right:85px;
		}
	
	div#footer ul li {
		list-style:none;
		list-style-position:inside;
		display:inline;
		float:right;
		margin-right:5px;
		padding:0 5px;
		line-height:3.5em;
		}
		
	div#footer ul li a {
		display:block;
		font-size:0.9em;
		text-decoration:none;
		color:#333333;
		}	
		
	div#footer ul li a:hover {
		color:#E1007A;
		}