/* CSS Document */

body { margin:0; font-size:14px; font-family:Arial, Helvetica, sans-serif;}


h1,h2,h3,h4 {font-weight:normal;}
h2 { font-size:26px; margin:0;}
h3 { font-size:26px; margin:0 0 20px 0;}
h4 { font-size:16px; margin:10px 0 10px 0;}


#header {
	width:100%;
	height: 141px;
	margin:0;
	padding:0;
	clear: both;
	background:url(../images/head.jpg);
	background-position: center;
}


#contenedor_logo { width:944px; padding:35px 20px; margin:auto;}
#logo_head { width:271px; float:left; height:68px; float:left;}
#logo_head a { width:271px; height:68px; background:url(../images/logo_head.png);float:left; display:block;}
#logo_head span { display:none;}


#contenido {width:100%;  background:url(../images/back_page.jpg); overflow:hidden;}


#contenedor_pagina { width:944px; padding:20px; margin:auto;}

#menu {width:944px; height:46px;}
#menu ul { margin:0; padding:0 0 0 20px; list-style:none; letter-spacing:1px;}
#menu li { padding: 14px 20px 14px 0; float:left; border-right:1px solid #ecebeb; margin-right:20px; font-size:14px;}
#menu li  a { color:#000; text-decoration:none;}
#menu li a:hover { text-decoration:underline;}
#menu li a#current { text-decoration:underline;}



#slide {width:944px; height:360px; margin:20px 0 0 0;}

#welcome {width:944px; margin-top:50px; margin-bottom:40px; float:left;}
#welcome_texto { width:673px; float:left; margin-right:39px; }
#welcome_texto h1 { margin:20px 0 30px 0; font-size:26px;}
#welcome_texto p {color:#787878; font-size:12px; line-height:22px;}
#welcome_texto p a {color:#787878; text-decoration:none;}


#redes { width:222px; height:191px; float:left;}

#destacados {width:944px;  margin:20px 0 20px 0;  float:left;}

#empresa { width:443px; padding:0 20px 0 0; float:left; background:url(../images/destacados.png); height:274px; margin-right:20px;}
#empresa p {color:#787878; font-size:11px; line-height:18px; text-align:right; margin:0; padding:55px 20px 20px 160px; display:block;}
#empresa img { float:left; margin:30px 0 0 0;}

#empresa h3 { margin:0;}

#trabajos_home { width:442px; float:left; overflow:hidden; margin-left:19px;}
#trabajos_home h3 { margin:0 0 30px 0;}

.half  { width: 201px; margin-right:20px; float: left;}
.half.last { margin: 0; float: left; }
.half ul { list-style:none; font-size:12px; color:#787878;}
.half img { padding:4px; border:1px solid #d7d7d7; background:#FFF; width:191px;}

.half2  { width: 285px; margin-right:40px; float: left; margin-bottom:40px; }
.half2.last { margin: 0; float: left; }
.half2 ul { list-style:none; font-size:12px; color:#787878;}
.half2 img { padding:4px; border:1px solid #d7d7d7; background:#FFF;}
.half2  li a:hover{ color:#cb064b;} .half2  li a{ color:#000;}



a.photo, a.video, a.content {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 10px 0 !important;
	margin: 0 0 10px 0;
	background: url(../images/zoom.png) center center no-repeat;
}
a.photo img, a.video img, a.content img { margin-right: 0; }

a.photo { background-image:url(../images/icon-photo2.png); }
a.video { background-image: url(../images/icon-video2.png); }
a.content { background-image: url(../images/zoom2.png); }



#pie {width:100%;height: 240px;margin:0;padding:0;clear: both;background:url(../images/foot.jpg);background-position: center; padding:40px 0;}

#contenedor_pie { width:944px; padding:0 20px; margin:auto; font-size:11px; color:#FFF;}
#contenedor_pie h5 { font-size:20px; margin:0 0 30px 0;}
#que_hacemos { width:443px; height:240px; float:left; background:url(../images/que_hacemos.png); padding-right:20px;}

.comuna2 { width:auto; float:left; margin-right:40px;}
.nomarg { float:left; margin-right:0; }
.comuna2 ul { margin:0; padding:0; line-height:18px;}
.comuna2 li { margin:0; padding:0 0 0 20px; background:url(../images/check_1.png) no-repeat -1px 5px; list-style:none;}
.comuna2 li a { color:#FFF; text-decoration:none;}
.comuna2 li a:hover { color:#FFF; text-decoration:underline;}

#contacto_pie { width:441px; margin-left:40px; float:left; line-height:18px;}
#contacto_pie a { color:#FFF;}

#me_encanta { width:443px; float:left; font-size:14px; margin-top:35px;}
#logo_foot { width:400px; float:left; font-size:14px; margin-top:20px; height:39px; float:left;}
#logo_foot a { width:164px; height:39px; background:url(../images/logo_pie.png);float:left; display:block;}
#logo_foot span { display:none;}




/* root element for tabs  */
.tabs img { border:none; margin:10px;}

ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:33px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background:url(../images/blue.png) no-repeat 0 0;
	font-size:11px;
	display:block;
	height: 33px;  
	line-height:30px;
	width: 101px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;	top:2px;	
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -101px 0px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -101px 0px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: 0 0; width:101px; }
ul.tabs a.s:hover 	{ background-position: -553px -33px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -101px 0px; width:101px; }
ul.tabs a.l:hover 	{ background-position: -101px 0px; }
ul.tabs a.l.current  { background-position: -101px 0px; }





/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

#tab_cont { background:url(../images/tab.png); width:202px; height:138px; float:left; padding:10px; }
#facebook {font-size:11px; padding:10px; color:#787879; line-height:18px;}
#facebook a { color:#787879;} #facebook a:hover { color:#000;}
#face_ico { float:left; padding-left:60px; padding-top:5px;}
#face_ico img { border:none;}
#twitter {font-size:11px; padding:10px; color:#787879; line-height:18px;}
#twitter  a { color:#399ec6;}
#twitter_ico { float:left; padding-left:60px; padding-top:15px;}
#twitter_ico img { border:none;}


#interna {width:944px; margin-top:40px; margin-bottom:40px; float:left;}
#interna h1 { margin:10px 0 20px 0; font-size:26px;}

#izquierda_texto { width:652px; float:left;margin-right:19px; padding-right:20px;}
#izquierda_texto h1 { margin:10px 0 20px 0; font-size:26px;}

#izquierda_texto h2 { margin:30px 0 10px 0; font-size:18px; color:#7f7f7f;}

#izquierda_texto p {color:#787878; font-size:12px; line-height:22px; }
#izquierda_texto p a {color:#787878; text-decoration:none;}


.bloques img{ float:left; margin:0 10px 0 0;}
.bloques { float:left; margin-bottom:40px;}
.bloques p { margin:0;color:#787878; font-size:12px; line-height:22px;}

#derecha { width:211px; float:left; margin-left:40px;}
#derecha h2 { margin:10px 0 20px 0; font-size:26px;}

#derecha ul { margin:0; padding:0; line-height:18px; font-size:11px;}
#derecha li { margin:0; padding:0 0 0 20px; background:url(../images/check_2.png) no-repeat -1px 5px; list-style:none;}
#derecha li a { color:#000; text-decoration:none;}
#derecha li a:hover { text-decoration:underline;}

#derecha2 { width:429px; margin-left:40px; float:left; line-height:18px;}
#derecha2 h2 { margin:10px 0 20px 0; font-size:26px;}


#back_line { width:2px; float:left; height:100%; }
#back_line_top {width:2px; height:60px; float:left; background:url(../images/top.png);}
#back_line_med {width:2px; height:360px; float:left; background:url(../images/med.png); }
#back_line_med_serv {width:2px; height:635px; float:left; background:url(../images/med.png); }
#back_line_med_cont {width:2px; height:500px; float:left; background:url(../images/med.png); }
#back_line_bot {width:2px; height:55px; float:left; background:url(../images/bot.png);}

#destacado_der { margin-top:40px; width:211px; float:left;} 
#destacado_der  ul {list-style:none;}
#destacado_der  li {list-style:none;margin:0; padding:0; background:none;}
.no_li { list-style:none; margin:0; padding:0;}

.porfolio { width:944px; margin-bottom:15px; float:left; height:286px;}
.texto_folio { width:287px; float:left; padding:20px;}
.texto_folio h3 {margin:0 0 10px 0; font-size:18px;}
.slide_folio { width:617px; float:left;}
.slide_folio img { padding:5px; border:none; background:#FFF;}



/* ======== Contact form ========== */

#contacto {width:443px; float:left;  padding-right:20px;}
#contacto p {color:#787878; font-size:12px; line-height:22px; }
#contacto p a {color:#000; text-decoration:underline;}

#contactForm {
	overflow: auto;
}
#contactForm h5 {
	margin-bottom: 15px;
}
#contactForm label {
	display: block;
	float: left;
	clear: left;
	width: 120px;
	font-family: Arial, sans-serif;
	font-style: italic; font-size:12px;
}
#contactForm input, #contactForm textarea {
	float: left;
	padding: 5px;
	border: 1px solid #CFCFCF;
	width: 300px;
	margin-bottom: 7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.3;
	color: #333333;
}
#contactForm input:focus, #contactForm textarea:focus {
	border: 1px solid #BBBBBB;
}
#contactForm textarea {
	height: 150px;
}
#contactForm .submit {
	width: 100px;
	background: url(../images/buttons.gif) left bottom no-repeat;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
	height: 28px;
	margin: 0 0 25px 120px;
}
#contactForm .submit:hover { background-position: left top; }