/*
	Copyright (c) 2008, Tecsisa. Todos los derechos reservados
	Incluye codigo de: 	- Yahoo! Inc. 
						- Ext JS Library 1.1
						  Copyright(c) 2006-2007, Ext JS, LLC.
 						  licensing@extjs.com	http://www.extjs.com/license
*/

/* ---------------- YUI Reset CSS ------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;} 

/* ------------------ YUI Reset CSS ------------------------- */




/* ------------------ ACONDIZIONA CSS ----------------------- */

/*
	Colores
	Texto: 	666666 (gris);
	A:	   	F6CD19 (amarillo)
	A:hover:00CC00 (verde cm)
	border:	424242 (gris oscuro)
	background: FCCE19 (amarillo)
	li: 1C1B21 (negro)
	li: 74AA9A (turquesa)
	li: FFAA21 (amarillo anaranjado)
	li: FC7234 (naranja)
	li: 8A7B78 (violeta)
	ul: 443A31 (marron)
	
*/




html {height:100%;}

body {
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:75%;
	background-color: #FCCE19;
	background-image:url(../images/bg-yellow.jpg);
	background-repeat: repeat-x ;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
}

H1 {
	font-weight:	normal;
	font-size: 		150%;
	}

H2 {
	font-weight:	bold;
	font-size: 		120%;
	margin: 0.5em 0 0.2em 0;
}

H3 {
	font-weight: bold;
	font-size: 	110%;	
	margin: 0.5em 0 0.2em 0;
}

H4 {
	font-weight:bold;
	font-size: 100%;
	margin: 0.5em 0 0.2em 0;
}

P {
}

B, STRONG {
	font-weight: bold;
	color:#555;
}


I, EM {
	font-style:italic;
	}
	
A, A:VISITED {
	color:#666666;
}
	
A:HOVER IMG {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	opacity: 0.7;
}

#logo A:HOVER IMG {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;
}	

.on A {
	font-weight:bold;	
}

/* ==== LAYOUT =====
	scroll
		ventana
			head
				top
					menu_c
				.breadcrumbs
			center
				#left
				#right
					.inside
						.content
			bottom
				.footer
				.close
			
*/

/* --------------------- layout -------------------------
*/

.scroll {
	width:1000px;
	margin:0 auto;
}

#whole {
 	width:900px;
	margin: 0 auto;
}

#ventana {
	margin-top:20px;
	float:left;
}

 
.head {
	background:#ffffff;	
	margin-bottom:20px;
	width:900px;

}

#ventana.home .head {
	margin-bottom:10px;
}

.top {
	background:url(../images/left-corner.gif) left top no-repeat;
	width:900px;
	margin-bottom:10px;

}

#logo {
	float:left;
	margin: 10px 0 0 10px;
}


.menu_c {
	float:right;
	padding:20px;
	color:#333333;
	background:url(../images/right-corner.gif) top right no-repeat;
}

.message {
	padding:10px;
	display:block;
}


.breadcrumbs {
	margin:10px;
	color:#cccccc;
	float:right;
	}

.center {
	width:1000px;	
}

#left {
	width:200px;	
	margin:0 20px 0 0;
}


#right {
	background:url(../images/u-left-corner.gif) left bottom no-repeat;
	background-color:#ffffff;
	float:left;
}

#right.exp {
	width:900px;	
}

#right.con {
	width:680px;
}

.inside {
	background:url(../images/u-right-corner.gif) right bottom no-repeat;
	width:100%;
}


.content {
	padding:10px 20px 20px 20px;
}

.bottom {
	width:900px;
	margin:20px 0 0 0;
	border-top: solid 1px #c7a41c;
	padding-top:10px;
}

.footer {
	padding-bottom:10px;
}

.close {
	padding-bottom:10px;
}



/* ----- handy -----*/
.float_l {
	float:left;
}

.float_r {
	float:right;
}

.clr {
	clear:both;
}

.clr_l {
	clear:left;
}

.clr_r {
	clear:right;
}

.dis_i {
	display:inline
}

.clearfix:after {
    content: 	".";
    display: 	block;
    height: 	0;
    clear: 		both;
    visibility: hidden;
    zoom: 1;
}

.left {
	float:left;
	margin-right:10px;
}

.right {
	float:right;
	margin-left:10px;
}

.img {
	padding:6px;	
	margin-top:8px;
}

.int {
	margin-bottom:10px;	
}

/* ===== MENUS ======*/


.menu_c a {
	color:#666666;
	text-decoration:none;
}

.menu_c a:hover {
	text-decoration:underline;
}

.menu_c LI {
	display:inline;
	text-align:right;
}

/*----- MENU-TOP -----*/

.menu_one {
	text-transform: uppercase;
	width:900px;
}

.menu_one {
	color:#FFFFFF;
	}


.menu_one LI {
	float:left;
	text-align:center;
	margin-right: 1px;
}



.menu_one A {
	color: #ffffff;
	text-decoration:none;
	background: #1c1b21;
	width: 224px;
	display: block;
	padding: 4px 0;
}

.menu_one LI.last {
	margin-right:0;	
}

.menu_one LI.last A{
	width:225px;	
}

/*----- MESSAGE ------*/

.message A{
	text-decoration:none;
	color:#000;
}

.message A:HOVER{
	text-decoration:underline;
}


/*----- BREADCRUMBS -----*/ 

.breadcrumbs UL {
	margin: 10px 4px;
}

.breadcrumbs LI {
	display:inline;
}

.breadcrumbs A {
	color:#000000;
}


/*----- MENU-LEFT -----*/

#left .menu {
	background:url(../images/cbottom200.gif) center bottom no-repeat;
	background-color: #443A31;
}

#left .menu UL {
	padding:10px 16px 20px 16px;
	display:block;
}

#left .menu LI {
	margin-bottom: 2px;
}

#left .menu A {
	text-decoration:none;
	color:#FFFFFF;
	padding:4px 4px 4px 20px;
	display:block;
}

#left .header  {
	padding:8px 23px 9px 23px;
	font-size:12px;
	color:#ffffff;
	display:block;
}

#ventana #left .header A {
	padding:0;
	display:inline;
	background:none;
}


.header, .inside H1 {
	text-transform:uppercase;
}

/*----- CONTENT -----*/

.inside H1.header {
	padding:6px 20px 6px 20px;
	border-bottom:3px solid  #EFC500;
	height:20px;
}

.content P {
	line-height:1.5em;
	padding-bottom:0.5em;
}

.center A {
	color:#EFC500;
	text-decoration:none;
}

.center A:HOVER {
	text-decoration:underline;

}

.content .int {
}

P.phrase {
	font-size:100%;
	font-weight:bold;
	line-height:1.3em;
}


/*------ MENU FOOTER ------*/


.close ul  {
	text-align: right
}

.close ul li {
	display:inline
}

.close a, .footer A {
	text-decoration:none;
	color:#000
}

.close a:hover, .footer A:HOVER {
	text-decoration:underline;
}

/*----- HOME -----*/

.message.home {
text-transform:uppercase;

}

.hbox {
	padding:0;
	border-top: 0px solid #000;
	width:293px;
	float:left;
	margin-right:10px;
	background:url(../images/u-left-corner.gif) no-repeat bottom left;
	background-color:#FFF;
	height:422px;
	}
	
.hbox .header {
	font-size:130%;
	text-transform:none;
	line-height:1.3em;
	font-weight:bold;
}


.hbox .header A{
	color:#FC7234;
}


.last {
	margin:0;	
}

.hbox P {
	margin:0;	
}

.hbox .content {
	height:160px;	
}

.hbox .des {
	font-size:100%;	
}



/*------ HIJOS ------*/


DIV.hijos {
	padding: 10px 2px;
	line-height: 0.2em;
	margin-bottom:10px;
	float:left;
	display:block;
	clear:both;
	width:100%;
	min-width:635px;
}



.hijos IMG {
	float:left;
	margin:3px 10px 5px 5px;
	background:#f3f3f3;
	border:1px solid;
	padding:4px;
}

.hijos A.hijo {
	clear:none;
	margin-bottom:1em;
	margin-top: 2px;
	font-weight:bold;
	color:#666666;
	font-size:120%;
}

.hijos P{
	margin-bottom:0em;
}

/*----- GALERIA -----*/

.fancy {
	
}

.right_col {
	padding:10px 0;	
	width:235px;
}

.left_col {
	width:405px;
}


.galeria {
	margin: 0 0px 10px 10px;
	background:url(../images/left-corner-w.gif) no-repeat left bottom;
	background-color:#fff3bd;
}

.galeria .header {
	color:#ffffff;
	font-size:90%;
	padding-left:10px;
	}
	
.galeria .header P {
	padding-top:0.5em;
	
}

.galeria P {
	margin:0;
	
}

.galeria .images {
	padding:10px;
	background:url(../images/right-corner-w.gif) no-repeat right bottom;
}
	
.galeria IMG {
	margin: 2px;
	border:1px solid #fff;

}




/*---- LISTS ----*/

.content UL,  .content OL {
	margin: 10px 20px;
}

.content UL UL {
	margin-bottom: 10px; 	
}

.content LI{
	margin:0 0 10px 0;
}


.content OL{
	list-style-type:decimal;
}


.content UL LI {	
	padding:0 0 0 15px;
	list-style-type:none;
  }

.content UL LI {	
}

.content UL LI LI{	
	list-style-type:circle;
}


/*---- BOTONES----*/

.button_A {
	margin:10px;
}


.button_A .rt {
		padding-right:5px;
}


.button_A A{
	display:block;
	color:#ffffff;
	text-decoration:none;
}


.button_A SPAN {
	display:block;
	font-size:80%;
	padding:5px;
	padding-left:10px;
}

.button_A A:HOVER {
	text-decoration:none;
	color:#000;
}


.button_A {
	background:url(../images/corners/button_rb_o.gif) no-repeat right bottom;
	background-color:#FC7234;

}

.button_A .rt {
	background:url(../images/corners/button_rt_o.gif) no-repeat right top;	
}

.button_A .rb {
}

.button_A A {
	background:url(../images/corners/button_lb_o.gif) no-repeat left bottom;
	background-color:#FC7234;
}

.button_A A:HOVER {
	background-color:#FC7234;
}


.button_A A:HOVER SPAN {

}


.button_A SPAN {
	background:url(../images/corners/button_lt_o.gif) no-repeat left top;
}

.button_B {
	padding-right:10px;
}

.button_B A{
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:10px;
	padding-right:20px;
	text-transform:uppercase;
}


.button_B A:HOVER {
	text-decoration:none;
	color:#000;
}


.button_B SPAN {
	display:block;
	font-weight:bold;
	padding-left:7px;
	font-size:80%;
}

.button_B {
	background:  url(../images/right-corner-w_b.gif) no-repeat bottom right ;
	background-color:#FC7234;
}

.button_B A {
	background:url(../images/arrow.gif) no-repeat center right;
}

.button_B A:HOVER {
	background:url(../images/arrowb.gif) no-repeat center right;
}


.button_B SPAN {
	background:url(../images/left-corner-w_t.gif) no-repeat top left;
}


.button_C {
	margin:10px 0;
}


.button_C .rt {
		padding-right:10px;
}

.button_C .rb {
}

.button_C A{
	display:block;
	color:#ffffff;
	text-decoration:none;
}


.button_C SPAN {
	display:block;
	font-size:80%;
	padding:10px;
}

.button_C A:HOVER {
	text-decoration:none;
	color:#fff;
}


.button_C {
	background:url(../images/corners/button_rb_o.gif) no-repeat right bottom;
	background-color:#FC7234;

}

.arrow {
	background:url(../images/arrow.gif) no-repeat right center;
	padding-right:20px;
}

.button_C .rt {
	background:url(../images/corners/button_rt_o.gif) no-repeat right top;	
}

.button_C .rb {
}

.button_C A {
	background:url(../images/corners/button_lb_b.gif) no-repeat left bottom;
	background-color:#111111;
}

.button_C A:HOVER {
	background:url(../images/corners/button_lb_o.gif) no-repeat left bottom;
	background-color:#FC7234;
}


.button_C A:HOVER SPAN {
	background:url(../images/corners/button_lt_o.gif) no-repeat left top;

}


.button_C SPAN {
	background:url(../images/corners/button_lt_b.gif) no-repeat left top;
}

.button_scroll {
	margin:300px 10px 0 10px;
	position:relative;
}

.button_scroll A{
	background:#FC7234;
	color:#ffffff;
	vertical-align:middle;
	padding:30px 5px;
	font-size:20pt;
}

.left.button_scroll A {
	background:url(../images/button_slider_l.gif) no-repeat left center;
	padding:30px 2px 30px 8px;
}


.right.button_scroll A {
	background:url(../images/button_slider_r.gif) no-repeat right center;
	padding:30px 8px 30px 2px;

}


/*------- CAJA --------*/

.box_more {
display:block;
font-size:90%;
color:#333;
background:url(../images/left-corner-w.gif) no-repeat scroll left bottom;
background-color:#F2F2F2;
}

.br {
	padding:5px 18px 10px 18px;
	background:url(../images/right-corner-w.gif) no-repeat scroll right bottom;
}


.box_more .f {
	font-weight:bold;
	color:#0063DC;
}

.box_more .r {
	font-weight:bold;
	color:#FF0084;
}

.box_more A {
	color:#333333;	
	display:block;
	margin:4px 0 2px 0;
	padding:4px 0;
}

.box_more .icon {
	padding-left:22px;
}

.icon.acondiziona {
	background:url(../images/acondiziona_logo_min.gif) no-repeat left;
}

.icon.flickr {
	background:url(../images/flickr_logo_min.gif) no-repeat left;
}

.icon.pdf {
	background:url(../images/pdf.gif) no-repeat left;	
}

/* ----- CONTACTO -----*/

DIV.contact {
	margin-right:10px;
	width:360px;	
}


DIV.map {
}

.phone {
	margin:10px 0;
}


.address {
	margin:10px 20px;
	width:120px;
}


.contact .header {
	font-weight:bold;
}

.address P {
	margin:0;	
}




.result {
	padding:10px 0 0 0;
	border-top:1px solid #C6C7C8;
	width:340px;
}

.result H2 {
	padding-bottom:10px;	
}

TABLE.contact {
	border-top:1px solid #C6C7C8;	
	margin-top:10px;
	width:340px;
}


.contact TH {
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 0;
}

.question {
	padding:5px;
	text-align:right;
	vertical-align:top;
}

.answer {
	padding:5px; 
}


.answer SELECT {

}

.answer INPUT, .answer TEXTAREA, .answer SELECT {
	width:250px;	
	font-size:90%;
}

TEXTAREA {
	font-family:Arial, Helvetica, sans-serif;

}



H2.error, .error STRONG{
	color:#C91915;
}

.content .contact .error LI{
	color:#C91915;
	list-style-type:disc;
	margin-left:60px;
	padding:0;
}

.content .contact .error INPUT {
	border:1px solid #C91915;
	
}


.static {
	background:#F9F9F9;
	color:#7C7C7C;
}

.static TH {
	padding:10px 5px;	
}


.pop {
	background:#fff;
}


.answer.lopd INPUT {
	width:15px;
}

.contact .error .asterisk{
	color:#C91915;
	font-size:160%;
}

.asterisk {
	margin-right:5px;	
}
/*========= Quienes Somos ========*/
.puzzle {
	margin:10px 60px;	
}


/*========== COLORES ==============*/

 
/*---- Qué Hacemos ----*/

#ventana.qh #left .header, #ventana.qh .inside H1  {
	border-bottom:4px #74AA9A solid; 
}

#ventana.qh .content .img  {
	border:1px solid #74AA9A;
}

#ventana.qh .content A IMG{
	border:1px solid #74AA9A;
}

#ventana.qh .content .hijos {
	border-bottom:1px solid #74AA9A;
}

#ventana.qh #left .menu A {
	background:url(../images/bullets/t.gif) no-repeat 10px 10px;
	}

#ventana.qh #left .menu A:HOVER, #ventana.qh #left .menu .on A {
	background:url(../images/bullets/w.gif) no-repeat 10px 10px;
	background-color: #74AA9A;
}

#ventana.qh #left .header A:HOVER {
	background:none;
	color:#74AA9A; 
}

#ventana.qh .content A, #ventana.qh .content H2, #ventana.qh .content H3 {
	color: #74AA9A;
}

.menu_one A.qh{
	border-bottom:  6px  solid #74AA9A; 
}

.menu_one A.qh:HOVER, .menu_one LI.on A.qh{
	background-color:  #74AA9A; 
}


#ventana.qh .galeria A IMG {
		border:#E2FFF8 1px solid;
}

#ventana.qh .content UL LI {
	background:url(../images/bullets/t.gif) no-repeat 2px 6px;
}


#ventana.qh .galeria .header {
	background:#74AA9A ;
}

#ventana.qh .galeria {
	background-color:#E2FFF8;
}

#ventana.qh .galeria A:HOVER IMG {
	border:1px solid #74AA9A;	
}

/*---- Clientes ----*/


#ventana.cl #left .header, #ventana.cl .inside H1  {
	border-bottom:4px #FFAA21 solid; 
}

#ventana.cl .content .img, #ventana.cl .content .hijos {
	border:1px solid #FFAA21;
}

#ventana.cl .content A IMG {
	border:1px solid #FFAA21;
}

#ventana.cl #left .menu A {
	background:url(../images/bullets/y.gif) no-repeat 10px 10px;
	}

#ventana.cl #left .menu A:HOVER, #ventana.cl #left .menu .on A{
	background:url(../images/bullets/b.gif) no-repeat 10px 10px;
	background-color: #FFAA21;
	color:#443A31;
}

#ventana.cl #left .header A:HOVER {
	background:none;
	color:#FFAA21; 
}

#ventana.cl .content A, #ventana.cl .content H2, #ventana.cl .content H3 {
	color: #FFAA21;
}

.menu_one A.cl{
	border-bottom:  6px  solid #FFAA21; 
}

.menu_one A.cl:HOVER, .menu_one LI.on A.cl{
	background-color:  #FFAA21; 
}

#ventana.cl .content UL LI {
	background:url(../images/bullets/o.gif) no-repeat 2px 6px;
}


#ventana.cl .galeria .header {
}

/*---- Quienes Somos ----*/

#ventana.qs #left .header, #ventana.qs .inside H1  {
	border-bottom:4px #8A7B78 solid; 
}

#ventana.qs .content .img, #ventana.qs .content .hijos {
	border:1px solid #8A7B78;
}

#ventana.qs .content A IMG{
	border:1px solid #8A7B78;
}

#ventana.qs #left .menu A {
	background:url(../images/bullets/p.gif) no-repeat 10px 10px;
	}

#ventana.qs #left .menu A:HOVER, #ventana.qs #left .menu .on A{
	background:url(../images/bullets/w.gif) no-repeat 10px 10px;
	background-color: #8A7B78;
}

#ventana.qs #left .header A:HOVER {
	background:none;
	color:#8A7B78; 
}

#ventana.qs .content A, #ventana.qs .content H2, #ventana.qs .content H3 {
	color: #8A7B78;
}

.menu_one A.qs{
	border-bottom:  6px  solid #8A7B78; 
}

.menu_one A.qs:HOVER, .menu_one LI.on A.qs{
	background-color:  #8A7B78; 
}

#ventana.qs .content UL LI {
	background:url(../images/bullets/p.gif) no-repeat 2px 6px;
}	

#ventana.qs .button_A A:HOVER {
	color:#8A7B78;
}

#ventana.qs .galeria .header {
}

/*---- Galeria de Proyectos ----*/

#ventana.gp #left .header, #ventana.gp .inside H1  {
	border-bottom:4px #FC7234 solid; 
}

#ventana.gp .content .img {
	border:1px solid #FC7234;
}

#ventana.gp .content A IMG{
	border:1px solid #FC7234;
}

#ventana.gp .content .hijos {
	border-bottom:1px solid #FC7234;
}

#ventana.gp #left .menu A {
	background:url(../images/bullets/o.gif) no-repeat 10px 10px;
	}

#ventana.gp #left .menu A:HOVER, #ventana.gp #left .menu .on A{
	background:url(../images/bullets/w.gif) no-repeat 10px 10px;
	background-color: #FC7234;
}

#ventana.gp #left .header A:HOVER {
	background:none;
	color:#FC7234; 
}

#ventana.gp .content A, #ventana.gp .content H2, #ventana.gp .content H3 {
	color: #FC7234;
}

.menu_one A.gp{
	border-bottom:  6px  solid #FC7234; 
}

.menu_one A.gp:HOVER, .menu_one LI.on A.gp{
	background-color:  #FC7234; 
}

#ventana.gp .content UL LI {
	background:url(../images/bullets/y.gif) no-repeat 2px 6px;
}

#ventana.gp .button_A A:HOVER {
	color:#FC7234;
}

#ventana.gp .galeria A IMG {
		border:#FCE5D5 1px solid;
}

#ventana.gp .galeria .header {
		background:#FC7234;
}

#ventana.gp .galeria {
	background-color:#FCE5D5;
}

#ventana.gp .galeria A:HOVER IMG {
	border:1px solid #FC7234;	
}




/*----- Common ----*/

#ventana.qh #left .header A, #ventana.cl #left .header A, #ventana.gp #left .header A, #ventana.qs #left .header A{
	background:none;
}

#ventana.gp .box_more A {
	color:#333333;	
}


#ventana.gp .button_C A, #ventana.qh .button_C A, #ventana.qs .button_C A, #ventana.cl .button_C A    {
	color:#ffffff;
}


/*---- Fixes ----*/
.coda-slider-wrapper, .coda-slider{
	height:  	422px;
	overflow: hidden;
	}