@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, 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,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/* Final Reset RSS */

/* Inicio Hoja de Estilos */

img, div, a, input { behavior: url(iepngfix.htc) }

body{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background:#95af01; }

a{ color:#FFF; text-decoration:none; }
a:hover{ text-decoration:underline; }

.sep_hr{ overflow:hidden; border:0; border-top:1px #4a5b01 solid; width:95%; margin:20px auto 10px auto; }

h4{ font-size:1.2em; font-weight:bold; text-decoration:underline; margin:10px 0; }

strong{ font-weight:bold; }

.imgborder{ border:5px #FFF solid; }

#cabecera{ overflow:hidden; padding:0 0 0 0; width:100%; background:url(ima/general/bg-cabecera.png) repeat-x; height:408px; color:#FFF; line-height:1.2; }
  #logo{ width:917px; height:87px; margin:0 auto; }
	#imglogo{ float:left; width:200px; margin-top:20px; }
	#contacto{ float:right; width:170px; margin-top:15px; color:#808080; text-align:right; font-size:0.6em; }
	#contacto a{ color:#808080; }

	#barramenu{ overflow: hidden; width:917px; height:20px; margin:0 auto; border-top:1px #FFF solid; border-bottom:1px #FFF solid;  }
		.Menu {
			position: relative;
	    	height: 20px;
		    padding: 0;
		    margin: 0;
		    overflow: hidden;
			font-size:0.8em;
		}
		.Menu li { list-style: none; }
			.aleft { float: left; }
			.aright{ float: right; }
		.Menu li.current a{ text-decoration:none; color:#FFF; font-weight:bold; }
		.Menu li a {
			text-decoration: none;
		    outline: none;
		    text-align: center;
		    top: 2px;
		    letter-spacing: 0;
		    z-index: 10;
		    display: block;
		    height: 16px;
		    position: relative;
		    overflow: hidden;
			color:#badb01;
		    margin: auto 0px;
			padding:0 10px;
		}
		.Menu li a:hover, .Menu li a:active { text-decoration:none; color: #000; background: #badb01; }
		
		

	#flyer{ overflow:hidden; margin:0 auto; width:917px; height:300px; padding:0px 0 0px 0px; background:url(ima/general/bg-flyer.jpg) no-repeat; font-size:0.7em; }
	/* Slider */
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
		}
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; overflow: hidden; background:url(ima/general/bg-flyer.jpg) no-repeat;}
		.csw .loading { margin: 100px 0 200px 100px; width:50px; text-align:center; }

		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		.stripNav{ display:none; }

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 915px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 300px;
			clear: both;
		}
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		.stripViewer .panelContainer .bp0 {	background:url(ima/slide/brandea_tu_marca.jpg) -0px 0px no-repeat; }
		.stripViewer .panelContainer .bp1 {	background:url(ima/slide/xaviksas_home.jpg) 180px 0px no-repeat; }
		.stripViewer .panelContainer .bp2 {	background:url(ima/slide/thestockcompany_home.jpg) 180px 0px no-repeat; }
		.stripViewer .panelContainer .bp3 {	background:url(ima/slide/vuelosaunclick_home.jpg) 180px 0px no-repeat; }
		
		.stripViewer .panelContainer h2{ position: relative; top:-120px; width:250px; margin-bottom:10px; font-size:1.3em; font-weight:bold; }
		.stripViewer .panelContainer .texto_left{ position: relative; top:-120px; width:250px; margin-bottom:10px; }
		.stripViewer .panelContainer .texto_left2{ top:-190px; }
		.stripViewer .panelContainer .texto_right{ position:relative; top:170px;  }
		.stripViewer .panelContainer a.sabermas_slide{ display:block; float:right; padding:0 15px 1px 0; background:url(ima/general/flecha_sabermas.png) right no-repeat; }
		.stripViewer .panelContainer a.b_anterior{ position:relative; top:30px; left:250px; display:block; width:64px; height:71px; background:url(ima/general/flecha_anterior.png) right no-repeat; z-index:5; }
		.stripViewer .panelContainer a.b_siguiente{ position:relative; top:30px; left:680px; display:block; width:64px; height:71px; background:url(ima/general/flecha_siguiente.png) right no-repeat; z-index:5; }
		.stripViewer .panelContainer a.b_s2{ position:relative; top:-40px; left:680px; display:block; width:64px; height:71px; background:url(ima/general/flecha_siguiente.png) right no-repeat; z-index:5; }
		.stripViewer .panelContainer a.b_apuntate{ position: relative; color:#59483f; font-weight:bold; top:180px; left:750px; display:block; width:154px; height:40px; text-align:center; padding:13px 0 0 0; background:url(ima/general/b_apuntate.png) no-repeat; }
		.stripViewer .panelContainer a.b_apuntate2{ position: relative; color:#FFF; font-weight:bold; top:165px; left:755px; display:block; width:154px; height:40px; padding:0; }

		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 915px; /* Also specified in  .stripViewer  above */
			height:300px;
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
#cabecera_int{ overflow:hidden; padding:0 0 0 0; width:100%; background:url(ima/general/bg-cabecera_int.png) #badb01 repeat-x; color:#FFF; line-height:1.2; }
	#head_interiores{ overflow:hidden; margin:0 auto; width:917px; height:207px; padding:0px 0 0px 0px; font-size:0.7em; background:url(ima/portfolio/cabecera.jpg) no-repeat; }
	#head_interiores_bp{ overflow:hidden; margin:0 auto; width:917px; height:207px; padding:0px 0 0px 0px; font-size:0.7em; background: url(ima/brandpack/cabecera_brandpack.jpg) no-repeat; }
	#head_interiores_bs{ overflow:hidden; margin:0 auto; width:917px; height:207px; padding:0px 0 0px 0px; font-size:0.7em; background: url(ima/brandeastudio/cabecera_empresa.jpg) no-repeat; }
		.texto_cabecera{ width:280px; line-height:1.2; margin: 10px 0 0 10px; }
		.texto_cabecera h2{ font-size:1.4em; font-weight:bold; }
.ci_normal{ height:237px; }
.ci_estrecha{ height:220px; } /* Tamaño estrecho del head */


#wrap_interiores{ overflow:auto; margin:0; padding:0; width:100%; background:#badb01; }

	/* Borrar cuando esté todo arreglado */
	#contenido_soloizq{ overflow:hidden; margin:0 auto; width:917px; padding:0px 0 20px 0px; font-size:0.7em; color:#657701; }
	#contenido_soloizq #cont_soloizq_sup{ background:#a9c701 url(ima/general/logo_brandpack.gif) 30px 10px no-repeat; padding:10px 10px 10px 250px; width:440px; }
	#contenido_soloizq p{ margin:10px 0; line-height:1.2; }
	#contenido_soloizq a{ color:#657701; text-decoration:underline; }
	#contenido_soloizq a:hover{ text-decoration: none; }
	#contenido_soloizq h1{ font-size:1.25em; font-weight:bold; margin-bottom:10px; }
	#contenido_soloizq h3{ font-size:1.25em; text-transform:uppercase; font-weight:bold; margin-bottom:10px; }
	#contenido_soloizq li{ list-style:inside url(ima/general/li.gif); margin:2px 0; margin-bottom:7px; line-height:1.2; }
	
	#contenido_soloizq .cont_soloizq_caja{ background:#a9c701; margin-bottom:10px; padding:10px; width:680px; }
	
	#contenido_soloizq .gmaps{ border:5px #FFF solid; }
	
	#contenido_soloizq #cont_soloizq_central { overflow:hidden; padding:10px 0 0 260px; width:440px; }
	
	/* Borrar arriba cuando esté todo arreglado */
	
	#wrap_contenido_interiores{ overflow:hidden; margin:0 auto; width:935px; background:url(ima/general/bg_caja_grande.png) repeat-y; }
	#contenido_interior{ overflow:hidden; width:914px; padding:25px 10px 20px 11px; line-height:1.2; font-size:0.7em; color:#657701; background:url(ima/general/bg_superior_caja_grande.png) no-repeat; }
	#pie_wrap_contenido_interiores{ overflow:hidden; margin:0 auto 10px auto; width:935px; height:28px; background:url(ima/general/bg_pie_caja_grande.png) no-repeat; }

	#contenido_interior h1{ font-size:1.3em; font-weight:bold; margin-bottom:10px; }
	#contenido_interior h2{ font-size:1.25em; font-weight:bold; margin-bottom:10px; }
	#contenido_interior h3{ font-size:1.25em; text-transform:uppercase; font-weight:bold; margin-bottom:10px; }
	#contenido_interior li{ list-style:inside url(ima/general/li.gif); margin:2px 0; margin-bottom:7px; line-height:1.2; }
	#contenido_interior p{ margin:10px 0; }
	#contenido_interior .mitad{ float:left; width:45%; }
	#contenido_interior .fotoleft{ float:left; border:5px #FFF solid; margin:0 10px 0 0; }
	
	#contenido_interior .sup{ overflow:hidden; color:#badb01; margin:0 20px 10px 20px; }
	#contenido_interior .sup img{ margin-right:20px; }

	#contenido_interior .dos{ overflow:hidden; color:#FFF; margin:10px 0; padding:10px 20px; background:url(ima/general/bg_dos_caja_grande.jpg) bottom right no-repeat #546701; }
	#contenido_interior .caja{ width:30%; margin:0 15px 0 0; padding:0 15px 0 0; float:left; overflow:hidden; background:url(ima/general/vertical_sep_dos_interior.gif) repeat-y right; }
	#contenido_interior .ultima{ background:none; margin-right:0; padding-right:0; }
	
	#contenido_interior .tres{ overflow:hidden; color:#455b00; margin:10px 0; padding:10px 20px; }
	#contenido_interior .tres a{ color:#455b00; }
	#contenido_interior	.tres .brandners{ float:left; width:60%; }
	#contenido_interior	.tres .pie_fotos{ float:right; width:30%; margin-right:40px; }

	#contenido_interior .form{ float:left;  padding:15px; color:#FFF; text-align:right; }
	#contenido_interior .imagenright img{ float:right; margin:20px 40px 0 0; border:5px solid #FFF; }
	
	#contenido_interior .gmaps{ float:left; margin:0 10px 0 0; border:5px solid #FFF; }

	/* Clases para formularios */

	.inputform{ border:1px solid #505f00; padding:2px; margin:5px 0; width:155px; color:#657701; background: url(ima/general/bg_input.png) #FFF repeat-x; font-size:1em; }
	input.error{ border:1px solid #F00;  }
	label.error{ display:block; color:#FFCACA; margin:0; padding:2px 5px; }
	.textareaform{ border:1px solid #505f00; padding:5px; margin:5px 0; width:212px; height:121px; color:#657701; background: url(ima/general/bg_input.png) #FFF repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; }
	.label_textarea{ float:left; margin-top:10px; }
	.b_form{ border:0; padding:5px 5px 5px 5px; width:123px; height:32px; background: url(ima/general/b_form.png) no-repeat; }

	/* Brand Pack */
	#contenido_bp{ overflow:hidden; width:935px; padding:0px 0 20px 0px; font-size:0.7em; color:#657701; background:url(ima/brandpack/sub_cabecera_brandpack.jpg) no-repeat; }
	#contenido_bp h1{ font-size:1.5em; }
	#contenido_bp .uno{ margin: 30px 15px 0 340px; color: #badb01; }
	#contenido_bp .dos{ margin: 20px 15px 0 340px; color: #FFF; }
	#contenido_bp .lista_servicios{ overflow:hidden; margin: 20px 15px 0 340px; color:#FFF; }
	#contenido_bp .lista_servicios ul li{ float:left; width:285px; margin:5px 0; }
	#contenido_bp .lista_servicios ul li img{ float:left; }
	#contenido_bp .lista_servicios ul li span{ float:left; margin-top:10px; width:170px; }
	
	#contenido_bp #caja_form_brandpack{ padding:10px; margin:30px 0 0 20px; width:880px; overflow:hidden; line-height:1.6; }
	#contenido_bp #caja_form_brandpack .info_form{ float:right; width:610px; color:#455b00; }	
		#contenido_bp #caja_form_brandpack .form{ float:left; width:220px; padding:15px; color:#FFF; background:url(ima/brandpack/bg_form.png); text-align:right; }
		#contenido_bp #caja_form_brandpack .foto{ border:5px #FFF solid; }
		#contenido_bp #caja_form_brandpack a{ color:#455b00; text-decoration:underline; }
		#contenido_bp #caja_form_brandpack a:hover{ text-decoration:none; }
		#contenido_bp #caja_form_brandpack .cajafoto{ float:left; overflow:hidden; width:266px; }
		#contenido_bp #caja_form_brandpack .texto_bp{ float:right; overflow:hidden; width:320px; }
		#contenido_bp #caja_form_brandpack .texto_bp h1{ border-top:1px solid #8bab01; }
		#contenido_bp #caja_form_brandpack p{ margin:5px 0; }

#wrap_portfolio{ overflow:auto; margin:0; padding:0; width:100%; background:#badb01; }
	.titsecc_port{ margin:0 0 0 15px; color:#badb01; }
	#contenido_portfolio{ overflow:auto; margin:0 auto; width:913px; padding:0 2px; font-size:0.7em; color:#FFF; background: url(ima/general/bg-interiores-contenido2.png) #000 repeat-y; }
	#cierracaja_portfolio{ overflow:hidden; margin:0 auto; width:917px; height:40px; background:url(ima/portfolio/bg-caja-inferior.png) no-repeat #badb01; }
		#contenido_portfolio .cajas_superiores{ overflow:hidden; }
			#contenido_portfolio .caja_ind{ overflow:hidden; width:30%; margin:10px 0 0 22px; float:left; }
			#contenido_portfolio .caja_ind h1{ color:#badb01; font-size:1.3em; padding:0 0 5px 10px; font-weight:bold; background:url(ima/general/inf_tit_caja_portfolio.gif) 10px bottom no-repeat; }
			#contenido_portfolio .caja_ind .listado_dentro_caja_portfolio{ overflow:hidden; background:#3d4701; padding:7px; }
			#contenido_portfolio .caja_ind .listado_dentro_caja_portfolio a{ display: inline-block; padding:2px 0; }
		
		#listado_portfolio{ float: left; overflow:hidden; width:100%; color:#455b00; background:#9fbb01; }
		#listado_portfolio a{ color: #455b00; }
		#listado_portfolio .capa_degradado{ background:url(ima/portfolio/bg-degradado.png) no-repeat; overflow:hidden; width:100%; }
		#listado_portfolio h5{ font-size:1.3em; margin:10px 0 0 15px; color:#FFF; }
		#listado_portfolio .caja_portfolio { float:left; overflow:hidden; margin:15px 0 15px 18px; width:280px; }
		#listado_portfolio .caja_portfolio h1{ float:left; font-size:1.3em; margin:5px 0; width:100%; }
		#listado_portfolio .caja_portfolio h1 a{ font-weight:bold; }

		#listado_portfolio .subcabecera_caja_portfolio{ overflow:hidden; width:100%; padding-bottom:3px; }
		#listado_portfolio .subcabecera_caja_portfolio h2 { float:left; font-size:1.1em; margin:2px 0; width:100%; }
		#listado_portfolio .subcabecera_caja_portfolio h3 { float:left; margin:0 0px; }
		#listado_portfolio .ima_principal_cp{ float:left; }
		#listado_portfolio .ima_principal_cp a{ display:block; overflow:hidden; float:left; width:280px; height:211px; background:url(ima/portfolio/bg-th_principal_portfolio.png) top left no-repeat; }
		#listado_portfolio .ima_principal_cp a:hover{ background-position:bottom left; }

		#listado_portfolio .caja_portfolio_mini { float:left; overflow:hidden; margin:15px 0 15px 18px; width:95px; }
		#listado_portfolio .ima_principal_cp_mini{ float:left;   }
		#listado_portfolio .ima_principal_cp_mini a{ display:block; overflow:hidden; float:left; width:95px; height:75px; background:url(ima/portfolio/bg-th_mini_principal_portfolio.png) top left no-repeat; }
		#listado_portfolio .ima_principal_cp_mini a:hover{ background-position:bottom left; }

		#listado_portfolio .caja_portfolio_single { float:left; overflow:hidden; margin:15px 0px 15px 0px; padding:15px; width:100%; background:#5b6b01; color:#FFF; }
		#listado_portfolio .caja_portfolio_single a{ color:#FFF; text-decoration:underline; }
		#listado_portfolio .caja_portfolio_single a:hover{ text-decoration:none; }
		#listado_portfolio .caja_portfolio_single h1{ float:left; font-size:1.3em; margin:5px 0 5px 10px; width:32%; font-weight:bold; }
		#listado_portfolio .subcabecera_caja_portfolio_single{ overflow:hidden; float:right; width:32%; margin:5px 32px 5px 0; padding-bottom:3px; }
		#listado_portfolio .subcabecera_caja_portfolio_single h2 { float:left; font-size:1.1em; margin:2px 0; width:100%; }
		#listado_portfolio .subcabecera_caja_portfolio_single h3 { float:left; margin:2px 0px 10px 0; width:100%; }
		#listado_portfolio .subcabecera_caja_portfolio_single p { line-height:1.1; margin:10px 0; }
		#listado_portfolio .restoimagenes{ float:left; overflow:auto; margin-top:10px; width:100%; }
		#listado_portfolio .restoimagenes a{ display:block; }

#wrap_contenido{ overflow:auto; margin:0 0 0 0; padding:0 0 20px 0; width:100%; background: #badb01; line-height:1.2; }
	#contenido{ overflow:hidden; margin:0 auto; width:917px; padding:0px 0 0px 0px; font-size:0.7em; }
	#contenido #contenido_left{ overflow:hidden; float:left; width:680px; padding:0; }
		#contenido .caja_simple{ overflow:hidden; float:left; width:223px; height:264px; padding:15px; margin:0 5px 0 0; color:#FFF; background:url(ima/general/caja-left-home.png) no-repeat; }
		#contenido .caja_doble{ overflow:hidden; float:left; width:380px; height:265px; padding:15px; margin:0 0; color:#FFF; background:url(ima/general/caja-center-home.png) no-repeat; }
			#contenido .portf{ overflow:hidden; margin:0 0 10px 0; }
				#contenido .portf h2{ font-size:1.3em; font-weight:bold;  }
				#contenido .wrap_th{ float:left; overflow:hidden; margin:0 10px 0 0; border:1px #000 solid; width:115px; height:65px; }
		#contenido .caja_doble a, #contenido .caja_simple a, #contenido .caja_triple a{ color:#FFF; }
		#contenido .caja_triple{ overflow:hidden; float:left; width:671px; height:221px; padding:0; margin:0 5px; color:#FFF; background:url(ima/general/caja_bp_home.jpg) no-repeat; }
			#contenido .caja_triple h1{ margin:75px 0 0 280px; }
			#contenido .caja_triple p{ margin: 5px 15px 0 280px; }
			
	#contenido .caja_news{ overflow:hidden; float: right; width:223px; border-left: 1px #aec81a solid; color:#73812c; padding:0 5px; }
	#contenido .caja_news a{ color:#73812c; }

	#contenido h1{ font-size:1.3em; margin:5px 0; font-weight:bold; }
	#contenido h1 a{ color:#c94a19; font-weight:bold; }
	#contenido p{ margin:5px 0; }
	#contenido .b_vermas{ float:right; display:block; font-weight:bold; padding:0 15px 1px 0; background:url(ima/general/flecha_sabermas.png) right no-repeat; margin:5px 0; }
	
#info_central{ margin:0 auto; width:981px; border-bottom:1px #a68b69 solid; }
	

#pie{ clear:both; overflow: auto; background: #95af01; font-size:0.8em; color:#FFF; padding:10px 0; }
	.piefila{ width:900px; margin:10px auto; overflow:hidden; }
#pie .siguenos{ padding-top:5px; }
#pie .proyectos{ padding-top:10px; }
#pie .logos{ float:left; font-size:1.2em; font-weight:bold; text-transform:uppercase;}
#pie img{ float:left; margin:0 10px; }
#pie .textpie{ width:900px; margin:10px auto; padding:10px 0; font-size:0.9em; border-top:1px #aabf34 solid; }

.construccion{ position:absolute; top:200px; font-size:1.5em; color:#000; text-transform:uppercase; }