/*
Theme Name: Caranca
Theme URI: http://www.caranca.com/projects/arclite
Description: Dark, simple and elegant theme. Designed by <a href="http://www.caranca.com/">caranca</a>.
Version: 1.00
Author: caranca
Author URI: http://www.caranca.com
Tags: dark, black, two-columns, flexible-width, right-sidebar, theme-options, custom-header, translation-ready

  Caranca Wordpress theme
    http://www.caranca.com/projects/arclite

  Design by Caranca
    http://www.caranca.com

*/
@import url("reset.css");
@import url("slide.css");


/* >>>>GENERAL --------------------------------*/
	/* GENERAL ----------------------------Top*/
	/* GENERAL ----------------------------Menu*/
	/* GENERAL ----------------------------Main*/
	/* GENERAL ----------------------------Main Top*/
	/* GENERAL ----------------------------Columns*/
	/* GENERAL ----------------------------Bottom*/
	/* GENERAL ----------------------------Bottom  --------- Form*/
	
/* >>>>HOME -----------------------------------*/
	/* HOME -------------------------------Top*/
	/* HOME -------------------------------Center*/
	/* HOME -------------------------------Bottom*/

/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------->>> GENERAL <<< -------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
#page{
	margin:0 auto;
	position:relative;
	width:100%;
}

/* ->>> GENERAL <<< -----------------------------------------------------------------------------------------------------------------Top*/
#header-wrap{
	background:transparent url(images/backs/header-wrap.png) repeat-x left top;
	background-attachment:fixed
}
	#header-wrap #header{
	  background:black url(images/backs/header.png) no-repeat left top;
	  height: 131px;
	  margin: 0 auto;
	  width:960px;
	}
	#header-wrap #header-hire{
	  background:transparent url(images/backs/header-hire.png) no-repeat left top;
	  height: 131px;
	  margin: 0 auto;
	  width:960px;
	}
		#header-wrap #lang{
			background:url("images/common/spanish.png") no-repeat scroll 830px 0 transparent;
			text-align:right;
			height:20px
		}
		#header-wrap  #lang a:link,
		#header-wrap  #lang a:visited,
		#header-wrap  #lang a:active{
			/*background:transparent url(images/es/back-lang.png) no-repeat left top;
			color:#ededed;
			text-decoration:none;*/
			color:#EDEDED;
			margin-right:10px;
			text-decoration:none;
			width:100px;
		}
		#header-wrap  #lang a:hover{
			color:#ff8800;
		}
		#header-wrap a.logo{
			background:transparent url(images/common/logo.png) no-repeat left top;
			float:left;
			height:87px;
			margin-top:0px;
			width:321px;
		}
		/* ->>> GENERAL TOP <<< ----------------------------------------------------------------------------------------------------------Menu*/
		#header-wrap  #nav-wrap{
			float:right;
			font-size:1.5em;
			height:25px;
			margin-top:20px;
			text-transform:uppercase;
			width:545px;
		}
			#header-wrap  #nav-wrap ul#nav, ul#nav li{
			  padding: 0;
			  margin: 0;
			  list-style-type: none;
			  
			}
			#header-wrap  #nav-wrap ul#nav{
				float:right;
				height:35px;
				margin-right:-13px;
			}
				#header-wrap  #nav-wrap ul#nav li{
					float:left;
					height:25px;
					margin:0 15px;
				}
				#header-wrap  #nav-wrap ul#nav li.page_item {
					float:left;
					height:25px;
					margin:0 15px;
				}
					#header-wrap  #nav-wrap ul#nav li.current_page_item a{
					  color: #ff8800;
					}
					#header-wrap  #nav-wrap ul#nav li a{
					  background-image:none;
					  color: #ededed;
					  height: 35px;
					  float: left;
					  text-decoration: none;
					  font-weight: bold;
					  margin-top:0px;
					  width:auto;
					}
					#header-wrap  #nav-wrap ul#nav li a:hover{
					  color: #ff8800;
					}
					#header-wrap  #nav-wrap ul#nav li span.current {
						color: #ff8800;
						font-weight: bold;
					}



/* ->>> GENERAL <<< ----------------------------------------------------------------------------------------------------------------Main*/
#main-wrap{
	background:transparent url(images/backs/background.png) repeat left top;
}
#main-wrap-home{
	background:transparent url(images/backs/home.png) repeat left top;
}
	#main{
		background:transparent url(images/backs/main.jpg) no-repeat left top;
		margin:0 auto;
		width:960px;
	}
		/* mask to same heights in columns */
		.mask-main{
			float:left;
			width:960px;
			position:relative; /* This fixes the IE7 overflow hidden bug */
			clear:both;
			overflow:hidden;	 /* This chops off any overhanging divs */
		}

/* ->>> GENERAL <<< ----------------------------------------------------------------------------------------------------------------Main Top*/
#top-mask{
	float:left;
	margin:65px 0 15px;
	position:relative;
	width:100%;
}
	#top-mask #top-col-big{
		left:30%;
		width:69%;
	}
		#top-mask #top-col-big h3{
			font-style:italic;
			letter-spacing:-1px;
			line-height:1.1em;
			margin:6px 0 5px 0;
		}
		#top-mask #top-col-big h1.small{
			margin-bottom:11px;
			margin-top:42px;
		}
		#top-mask #top-col-big ul{
			margin-left:5px;
			width:1008px;
		}
			#top-mask #top-col-big ul li{
				float:left;
				height:210px;
				padding:17px;
				width:295px;
			}
			#top-mask #top-col-big ul li .work-link{
				background:url("images/backs/work-list.png") no-repeat scroll left top transparent;
				height:138px;
				margin:-17px -17px -9px;
				padding:16px;
				width:257px;
			}
			#top-mask #top-col-big ul li .work-link:hover{
				background:transparent url(images/backs/work-list_over.png) no-repeat top left;
			}
			#top-mask #top-col-big ul li.left{
				/*margin-right:-3px;*/
				margin-bottom:15px;
			}
			#top-mask #top-col-big ul li img{
				border:1px solid #403f3f
			}
			#top-mask #top-col-big ul li p{
				font-size:1.6em;
				margin:12px 0 5px 0;
				text-indent:0;
				width:270px;
			}
			#top-mask #top-col-big ul li p a:link,
			#top-mask #top-col-big ul li p a:active
			#top-mask #top-col-big ul li p a:visited{
				color:#ededed;
				text-decoration:underline;
			}
			#top-mask #top-col-big ul li p a:hover{
				color:#ff8800
			}
			#top-mask #top-col-big ul li p.type{
				color:#FF8800;
				font-size:1.1em;
				font-weight:bold;
				line-height:1.1em;
				margin-top:-1px;
			}
			#top-mask #top-col-big ul li p span{
				color:#ededed;
				font-weight:normal;
			}
		
	#top-mask a.top-col-small{
		background:transparent url(images/eng/buttons.gif) no-repeat -195px 0px;
		cursor:pointer;
		float:right;
		height:77px;
		margin-top:-65px;
		width:298px;
	}
	#top-mask a.top-col-small:hover{
		background:transparent url(images/eng/buttons.gif) no-repeat -195px -102px;
	}
			
/* ->>> GENERAL <<< ----------------------------------------------------------------------------------------------------------------Columns*/	
#main-mask{
	float:left;
	margin:32px 0 15px;
	position:relative;
	width:960px;
}
	#col-big-left, #col-big-right, #col-small, .col3,
	.home-top-col1,
	.home-bottom-col1, .home-bottom-col2, .home-bottom-col3 {
	  float:left;
	  position:relative;
	  padding:0;
	  overflow:hidden;
	}
	#col-big-left{
		width:646px;
		margin-top:26px;
		margin-bottom:40px;
	}
		#col-big-left a.previous{
			background:url("images/common/previous.png") no-repeat scroll 0 0 transparent;
			float:right;
			height:21px;
			margin-right:15px;
			margin-top:10px;
			width:21px;
		}
		#col-big-left a:hover.previous{
			background:url("images/common/previous_over.png") no-repeat scroll 0 0 transparent;
		}
		#col-big-left a.next{
			background:url("images/common/next.png") no-repeat scroll 0 0 transparent;
			float:right;
			height:21px;
			margin-right:16px;
			margin-top:10px;
			width:21px;
		}
		#col-big-left a:hover.next{
			background:url("images/common/next_over.png") no-repeat scroll 0 0 transparent;
		}
		#col-big-left ul.case-study{			
			margin-top:15px;
		}	
			#col-big-left ul.case-study li{			
				margin-bottom:40px;
			}
	#col-big-right{
		background:url("images/common/next.png") no-repeat scroll 0px 0px transparent;
		width:646px;
		margin-top:20px;
	}
	#col-small{
		float:right;
		width:294px;
	}
		#case-study-back{
			background:url("images/common/back.png") no-repeat scroll 170px 10px transparent;
			color:#FF8800;
			float:right;
			font-size:1.2em;
			height:37px;
			margin-top:20px;
			text-align:right;
			text-transform:uppercase;
			width:100%;
		}
		#case-study-back:hover{
			background:url("images/common/back_over.png") no-repeat scroll 170px 10px transparent;
		}
			#case-study-back a{
				float:right;
				margin-top:23px;
			}
			#case-study-back a:hover{
				color:#aeb7d4;
				text-decoration:none;
			}
		#col-small ul#case_study{
			float:left;
			font-size:1.8em;
			line-height:1.2em;
			margin-top:20px;
		}
			#col-small ul#case_study p.big{
				font-size:1.1em;
				line-height:1.2em;
				margin-bottom:10px;
			}
			#col-small ul#case_study li{
				background:url("images/backs/col-small-separator.png") no-repeat scroll center bottom transparent;
				font-size:0.7em;
				padding-bottom:5px;
				padding-top:7px;
				padding-top:20px;
			}
			#col-small ul#case_study li p.big{
				font-size:2.3em;
				line-height:1.2em;
				margin-bottom:10px;
			}
			#col-small ul#case_study li p.normal{
				font-size:1.5em;
				line-height:1.2em;
				margin-bottom:10px;
			}
			#col-small ul#case_study li p.title{
				color:#AEB7D4;
				display:inline;
				font-size:1.8em;
			}
			#col-small ul#case_study li p.title span.small{
				display:inline;				
				font-size:0.8em;
				font-weight:bold;
			}
		#col-small-top{
			background:transparent url("images/backs/col-small-top.png") no-repeat;
			height:19px;
			width:294px;
		}
		#col-small-medium{
			background:url("images/backs/col-small-medium.png") repeat-y scroll 0 0 transparent;
			float:left;
			width:294px;
		}
			#col-small-medium ul{
				margin:-10px 30px;
				width:235px;
			}
				#col-small-medium ul li{
					background:url("images/backs/col-small-separator.png") no-repeat scroll center bottom transparent;
					float:left;
					height:auto;
					margin-top:10px;
					width:235px;
				}
					#col-small-medium ul li.last{
						background:none;
					}
					#col-small-medium ul li p{
						color:#DEDEDE;
						font-size:1.4em;
						line-height:16px;
						margin-bottom:22px;
						margin-top:7px;
						text-indent:10px;
						
					}
					#col-small-medium ul li a{
						font-weight:normal;
					}
					#col-small-medium ul li a.button:link,
					#col-small-medium ul li a.button:visited,
					#col-small-medium ul li a.button:active{
						background:transparent url(images/eng/buttons.png) no-repeat scroll 0 -125px;
						color:#283A51;
						float:left;
						font-size:1.5em;
						font-weight:bold;
						height:24px;
						margin:0px 0 10px -10px;
						padding:22px 0 20px 0;
						text-align:center;
						text-decoration:none;
						width:150px;
					}
					#col-small-medium ul li a.button:hover{
						background:transparent url(images/eng/buttons.png) no-repeat scroll 0 -187px;
					}
					#col-small-medium ul li ul{
						float:left;
						font-size:1.4em;
						height:auto;
						margin:6px 0 0;
					}
						#col-small-medium ul li ul li{
							background-image:none;
							line-height:1.2em;
							margin-bottom:15px;
							float:left;
						}
		#col-small-bottom{
			background:url("images/backs/col-small-bottom.png") no-repeat scroll 0 0 transparent;
			float:left;
			height:38px;
			margin-bottom:50px;
			width:294px;
		}
	.clear-content{
	  height: 1px;
	  clear: both;
	  display: block;
	} 
	
	#col-big-left .image-back {
		background:url("images/backs/caranca.png") no-repeat scroll 0 0 transparent;
		float:left;
		height:170px;
		padding:80px 0 0 220px;
		width:646px;
	}
		#col-big-left .image-back h1{
			color:#ff8800;
			display:inline-block;
			font-size:4em;
			margin:0px;
		}
		#col-big-left .image-back h3{
			color:#ffffff;
			font-size:2.5em;
		}
	
	
/* ->>> GENERAL <<< --------------------------------------------------------------------------------------------------------------Bottom*/
#footer-wrap{
	height:350px;
}
	#footer-wrap #footer-top{
		background:transparent url(images/backs/footer-wrap.png) repeat-x left top;
		height:10px;
	}
	#footer-wrap #footer-wrap2{
		background:transparent url(images/backs/footer.png) repeat left top;
	}
		#footer-wrap #footer-wrap2 #footer-main{
			margin:0 auto;
			width:960px;
		}
		#footer-wrap #footer-wrap2 #footer-main #footer-mask{
			float:left;
			margin-top:25px;
			position:relative;
			width:100%;
		}
		#footer-wrap #footer-wrap2 #footer-main #footer-mask h4{
			color:#ff8800;
			font-size:1.8em;
			display:inline;
		}
			#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col1,
			#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col2,
			#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3{
				float:left;
				left:30%;
			}
			#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col1{
				padding-right:20px;
				width:300px;
			}
			#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col2{
				padding:0px 10px;
				width:300px;
			}
			#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3{
				padding-left:20px;
				width:300px;
			}
			#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col1 p.small,
			#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col2 table,
			#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3 ul{
				margin:15px 0 0 10px;
				font-size:1.3em;
				line-height:1.8em;
				text-indent:0px;
			}
			/***** footer column 2 ************************************************************************/
			#wpcf7-validates-as-required {
				background-color:red
			}
			
			/***** footer column 3 ************************************************************************/
			#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3 ul {
				margin:15px 0 0 5px;
				padding:0px;
			}
				#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3 ul li {
					float:left;
					margin:0px;
					padding-left:10px;
				}
				#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3 ul li img{
					padding:0px;
					margin:0px;
				}
			#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3 #specifications{
				float:right;
				margin-top:55px;
				text-align:right;
			}
				#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3 #specifications a:link,
				#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3 #specifications a:visited,
				#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3 #specifications a:active{
					background:transparent url(images/common/icon-tick.jpg) no-repeat scroll left center;
					color:#aeb7d4;
					font-size:1.1em;
					font-weight:bold;
					padding-left:14px;
					text-decoration:none
				}
				#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3 #specifications a:hover{
					color:#ff8800;
				}
				#footer-wrap #footer-wrap2 #footer-main #footer-mask .footer-col3 p.xxsmall{
					margin:5px 0 0 10px;
					font-size:0.9em;
					line-height:1.5em;
				}
		#footer-main img{
			padding-top:60px;
		}
		
/* ->>> GENERAL <<< --------------------------------------------------------------------------------------------------------------Bottom - Form*/
.footer-col2 form ol {
		margin:13px 0 0;
		padding:0;
		width:299px;
	}
		.footer-col2 form ol li{
			height:2px;
			margin:0;
			padding:0;
			width:299px;
		}
			.footer-col2 form ol li label{
				float:left;
				font-size:0.9em;
				font-weight:bold;
				margin:3px 0 0;
				padding:0 10px 0 0;
				text-align:left;
				width:50px;
			}
			.footer-col2 form ol li input,
			.footer-col2 form ol li textarea{
				background-color:#424242;
				border:1px solid black;
				color:white;
				float:left;
				font-size:0.9em;
				padding-left:3px;
				margin:5px 0 0;
				width:230px;
			}
			.footer-col2 form ol li input {
				height:20px;
			}
			.footer-col2 form ol li textarea{
				background-color:#424242;
				border:1px solid black;
				float:left;
				height:55px;
			}
			
	.footer-col2 form fieldset.cf_hidden{
		border:0 none;
		clear:both;
		display:none;
		float:right;
		margin-right:131px;
		margin-top:15px;
		padding:0;
		text-align:right;
		width:164px;
	}
	.footer-col2 form input.sendbutton{
		background:url("images/eng/buttons.png") no-repeat scroll 0 -257px red;
		border:0 none;
		clear:both;
		color:#283A51;
		cursor:pointer;
		float:right;
		font-size:0.5em;
		font-weight:bold;
		height:33px;
		margin-right:7px;
		text-align:center;
		text-decoration:none;
		width:78px;
	}
	.footer-col2 form input.sendbutton:hover{
		background:url("images/eng/buttons.png") no-repeat scroll 0 -299px transparent;
	}
	.footer-col2 .cf_info {
		background-color:#FFFFFF;
		display:none;
		color:black;
		font-size:1em;
		font-weight:bold;
		margin-top:16px;
		padding:5px;
		text-align:center;
}





/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------->>> HOME <<< ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/

/* ->>> HOME <<< ----------------------------------------------------------------------------------------------------------------------Top*/
#home-top-mask{
	right:30%;
	float:left;
	margin:65px 0 15px;
	position:relative;
	width:100%;
}
	#home-top-mask .home-top-col1{
		left:30%;
		width:72%;
	}
		#home-top-mask .home-top-col1 .home-top-img{
			background:transparent url(images/home/welcome.png) no-repeat left top;
			height:78px;
			float:left;
			margin-right:15px;
			width:233px;
		}
		#home-top-mask .home-top-col1 h3{
			font-style:italic;
			line-height:42px;
			margin-bottom:33px;
			padding-top:3px;
		}
		#home-top-mask .home-top-col1 h3 a:link,
		#home-top-mask .home-top-col1 h3 a:active,
		#home-top-mask .home-top-col1 h3 a:visited{
			color:#ededed;
			font-weight:normal;
		}
		#home-top-mask .home-top-col1 h3 a:hover{
			color:#ff8800
		}
		
	#home-top-mask a.home-top-col2{
		/*background:transparent url(images/home/acepting.png) no-repeat right top; */
		cursor:pointer;
		float:left;
		height:312px;
		left:30%;
		margin-bottom:47px;
		margin-top:-5px;
		overflow:hidden;
		padding:0;
		position:relative;
		width:28%;
	}
	
/* ->>> HOME  <<< -----------------------------------------------------------------------------------------------------------Center*/
#home-center-mask{
	background:transparent url(images/backs/slide.png) no-repeat left top;
	float:left;
	height:384px;
	position:relative;
	width:100%;
}

/* edit slide styles at slide.css */

/* ->>> HOME  <<< -----------------------------------------------------------------------------------------------------------Bottom*/
#home-bottom-mask{
	float:left;
	margin-bottom:35px;
	margin-top:60px;
	position:relative;
	right:0;
	width:100%;
}
	#home-bottom-mask .home-bottom-col1{
		padding-right:5%;
		width:47%;
	}
	#home-bottom-mask .home-bottom-col2{
		width:25%;
	}
	#home-bottom-mask .home-bottom-col3{
		width:23%;
	}
	#home-bottom-mask .home-bottom-col2 h3,
	#home-bottom-mask .home-bottom-col3 h3{
		margin:3px 0 10px 0;
	}
	#home-bottom-mask .home-bottom-col2 p,
	#home-bottom-mask .home-bottom-col3 p{
		margin-bottom:5px;
	}
	#home-bottom-mask .home-bottom-col2 ul{
		padding:0 0 7px 0px;
	}
		#home-bottom-mask .home-bottom-col2 ul li{
			background:transparent url(images/home/list-arrow.gif) no-repeat scroll left center;
			font-size:1.2em;
			height:21px;
			padding-left:14px;
		}
	#home-bottom-mask .home-bottom-col3 p.small{
		margin-bottom:5px;
		padding-top:3px;
	}
	#home-bottom-mask .home-bottom-col3 a {
		display:block;
		line-height:5px;
	}
			

		



/************* FORM CONTACTO ***************/
.cf_info {
	background-color:#FF8800;
	display:none;
	color:black;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px;
	text-align:center;
}