@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/body-bg.jpg);
	background-repeat:repeat-x;
	background-color:#ec5a00;
	color:#000;
}
div#center-all{
	margin:auto;
	margin-bottom:10px;
	width:896px;
}
div#header{
	width:800px;
	margin:auto;
	background-color:#FFF;	
}
div#content{
	width:800px;
	margin:auto;
	background-color:#FFF;	
}
div#footer{
	clear:both;
	width:800px;
	margin:auto;	
}
h2{
	font-weight:bold;
	font-size:20px;
}
.fontlight{
	font-weight:100;	
}
a img{
	border:none;	
}
.barra-vertical{
	color:#e2800f;
	font-size:20px;
	
}
a{
	color:#FFF;	
}
.orange{
	color:#ff8b00;
}
.red{
	display:block;
	margin-top:10px;
	color:#F00;
	font-weight:bold;
}
.blue{
	display:block;
	margin-top:10px;
	color:#09F;	
}
#formresponse{
	text-align:center;
}
/**************************** HOME ****************************/
.home-left{
	float:left;
	width:420px;
	text-align:justify;
	line-height:20px;
}
	.home-left p{
		margin-left:100px;	
	}
	.home-welcome{
		margin-left:100px;	
		font-weight:bold;
		background-image:url(images/home-welcome-bg.jpg);
		background-repeat:no-repeat;
		background-position:110px 14px;
	}
	
.home-right{
	float:right;
	width:379px;
	text-align:center;
	height:380px; /*350*/
}
    
	.home-footer-bleft{
		float:left;
		width:420px;
		height:214px;
		background-image:url(images/home-footer-bottom.png);
		background-repeat:no-repeat;
		background-position:59px 0px;
	}
	.home-footer-bright{
		float:right;
		width:323px;
		padding-right:20px;
		
	}
		#home-lk-pt{
			width:178px;
			height:74px;
		}
		.home-line{
			line-height:28px;
		}
		.home-titulo-medium{
			font-weight:bold;
			font-size:20px;
			display:block;
			margin-top:6px;
		}
		.home-titulo-big{
			display:block;
			font-weight:bold;
			font-size:40px;
		}
		.home-footer-bright p{
			margin-top:10px;
			text-align:justify;
		}
		a#home-pt{
			color:#555;
			text-decoration:none;
		}
		a#home-pt:hover{
			color:#999;	
		}

/**************************** PORTAFOLIO *****************************/

#portafolio-content, #portafolio-content .sb-inner { background:#000; }
#portafolio-content .sb-shadow { background:#000; }
#portafolio-content .sb-border { background:#000; }

#portafolio-content{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align:center;
	border:0px solid #F00;
	height:548px;
}

.portafolio-subcontent{
	color:#FFF;
	text-align:left;
	width:680px;
	margin-left:auto;
	margin-right:auto;
}
	.portafolio-title{
		clear:both;
		color:#FFF !important;
		margin-bottom:15px;
		margin-top:10px;
	}
	.portafolio-title h2{
		margin:0px;
		padding:0px;
	}
	.portafolio-hr{
		width:64%;
		text-align:left;
		margin-left:0px;
		border:1px solid #f06718;	
	}
.portafolio-left{
	float:left;
	width:330px;
	text-align:left;
	
}

.portafolio-rigth{
	float:right;
	text-align:right;
	width:330px;	
}

.portafolio-footer{
	clear:both;
	text-align:center;
	width:auto;
	margin-top:15px;
	color:#ff892a;
	padding-bottom:20px;
}
.portafolio-footer h2{
	margin:0px;
	padding:0px;
}

#portafolio-footer-barr{
	clear:both;
	width:800px !important;
	margin:auto;
	background-color:#FFF;
	height:28px;
}

.portafolio-interior{
	padding:15px;
	height:510px;
}
	.portafolio-links-f{
		color:#FFF;
		padding-top:5px;
	}
	.portafolio-int-title{
		clear:both;
		text-align:right;
	}
	.portafolio-int-title div{
		width:81%;
		margin-left:8px;
		float:left;
		margin-top:16px;
	}
		.portafolio-int-title div hr{
			border:1px solid #ec7b01;
		}
		
	.portafolio-content-left{
		float:left;
		width:520px; /*556*/
		text-align:center;
	}
	.portafolio-content-right{
		float:right;
		width:310px;
		padding:10px;
		color:#fff;
		text-align:left;
	}
		.portafolio-info{
			color:#fff;
			margin-top:70px;
			margin-right:20px;
			line-height:18px;
			height:90px;
		}
		.portafolio-info ul{
			float:right;
			display:block;
			text-align:center;
			margin:0px;
			padding:0px;
			.margin-right:10px;
			
		}
		.portafolio-info ul li{
			list-style:none;
			background-image:url(images/portafolio-btn.jpg);
			background-repeat:no-repeat;
			width:90px;
			height:27px;
			padding-top:8px;
			
		}
		.portafolio-info a{
			color:#FFF;
			text-decoration:none;
		}
		.portafolio-info a:hover{
			color:#CCC;
		}
		
			.portafolio-titulo{
				font-size:16px;
				font-weight:bold;
			}
		.portafolio-descripcion{
			color:#fff;
			margin-top:15px;
			line-height:18px;
			text-align:left;
			clear:both;
			margin-right:20px;
			height:160px;
			overflow:auto;
		}
		.portafolio-botones{
			color:#FFF;
			text-align:center;
			font-weight:bold;
			margin-top:10px;
			margin-right:20px;
		}
#page-wrap{ 
	width: 866px; 
	margin: 0 auto; 
	padding: 0px 0;
}

#slider{
	height:428px; 
	overflow: hidden;
	position: relative; 
	margin: 0;
}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover{ 
	width: 13440px;
	clear:both;
}

.slide{ 
	padding: 0px 0px; 
	width: 866px; 
	float: left; 
	position: relative; 
}

.slide img{ 
	position: absolute;
	top: 0px; 
	left:0px; 
}
/*#slider-stopper	{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }*/
.back, .next, .btnini{
	color:#7a7a7a;
	text-decoration:none;
}

.portafolio-links-f a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.portafolio-links-f a:hover{
	color:#7a7a7a;
}
.next:hover, .back:hover, a.btnini:hover{
	color:#fff;
	cursor:pointer;
}
/**************************** SERVICIOS *******************************/
.servicios-content{
	width:auto;
	padding-left:39px;
	padding-right:57px;
}
.servicios-left{
	float:left;
	width:278px;
	
}
.servicios-right{
	float:right;
	width:411px;
	padding-left:11px;
	text-align:justify;
	
}
.servicios-subleft h1{
	margin:0px;
	padding:0px;
}
.servicios-hr{
	margin-bottom:15px;
	padding:0px;
	color:#ff9c00;
	border:1px solid #ff9c00;
}
.servicios-table{
	border:none;
	width:100%;
	text-align:left;
	font-size:13px;
	margin-top:10px;
	margin-bottom:15px;
}
.servicios-table td{
	width:50%;
	height:66px;
	vertical-align:middle !important;
	padding-left:80px;
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}
	.servicios-div-table{
		display:block !important;
		height:66px !important;
		border:1px solid #00F;
		padding-left:80px;
	}
.servicios-orange{
	color:#ff8400;	
}
.servicios-title{
	font-size:13px;
	font-weight:bold;
}
/************************* CONTACTO ***************************/


.contacto-content{
	margin:auto;
	width:670px;
	padding-bottom:22px;
}
.contacto-info{
	width:540px;
	clear:both;
}
.contacto-info h1{
	margin:0px;
	padding:0px;
}
.contacto-hr{
	margin-bottom:15px;
	padding:0px;
	color:#ff9c00;
	border:1px solid #ff9c00;
}
.contacto-subcontent{
	width:100%;
}
.contacto-left{
	float:left;
	width:386px;
	margin-top:15px;
	color:#ff8b00;
	
}

#form-content{
	padding:15px 35px;	
	height:410px;
}
	.contacto-title{
		color:#FFF;
		font-size:23px;
		font-weight:bold;
		text-align:right;
		background-image:url(images/contacto-barr.jpg);
		background-repeat:no-repeat;
		background-position:bottom right;
		padding-bottom:10px;
		padding-right:20px;
	}
	
	#form-content, #form-content .sb-inner { background:#000;}
	#form-content .sb-shadow { background:#000; }
	#form-content .sb-border { background:#000; }
	
	
	
.contacto-right{
	float:right;
	width:275px;
	margin-top:15px;
	text-align:center;
	color:#FFF;
	font-size:15px;
}
	.contacto-title2{
		color:#FFF;
		font-size:23px;
		font-weight:bold;
		background-image:url(images/contacto-barr.jpg);
		background-repeat:no-repeat;
		background-position:bottom center;
		padding-bottom:10px;
		margin-bottom:15px;
	}
	
	#contacto-phone{
		padding:15px 0px;
		font-weight:bold;
		height:410px;
		
	}
		#contacto-phone p{
			font-size:18px;
			margin:0px;
			padding:0px;
		}
	#contacto-phone, #contacto-phone .sb-inner { background:#000;}
	#contacto-phone .sb-shadow { background:#000; }
	#contacto-phone .sb-border { background:#000; }

#form-content form{
	.margin:8px 0px 0px 0px;
	.padding:0px;
}

#form-content form label{
	float:right;
	display:block;
	margin-top:15px;
	.margin-top:12px;
}
#form-content form label span{
	display:inline;
	white-space:nowrap;
	font-weight:bold;
}
#form-content form label input[type=text]{
	margin-left:5px;
	width:226px;
	height:15px;
	border:1px solid #999;
}
#form-content form textarea{
	width:226px;
	border:1px solid #959fa6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	.margin-right:5px;
	height:117px;
}
.btnform{
	background-color:#000;
	border:1px solid #562e18;
	color:#ff8b00;
	font-weight:bold;
}
/************************* BALLOONS **************************/
.ballon{
	display:none;
}

/**************************** FOOTER ***************************/

#footer-content, #footer-content .sb-inner { background-color:#000000; }
#footer-content .sb-shadow { background-color:#000; }
#footer-content .sb-border { background-color:#000; }

	.footer-left{
		float:left;
		width:580px;
		text-align:center;
	}
	.footer-right{
		float:right;
		width:200px;
		margin-top:-1px;
	}
		.footer-right a:link, .footer-right a:visited, .footer-right a:active{
			color:#FFF;
			text-decoration:none;
			font-size:14px;
		}
		.footer-right a:hover{
			color:#999;
		}
		
/*************************LOADING***********************************/
#Loading_ALL{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1000;
}
#Loading{
	position:absolute;
	display:none;
	z-index:11;
	width:100px;
	height:50px;
	left:50%;
	margin-left:-50px;
	top:50%;
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	background-position:center;
}

/*********************************** NOT METHOD *******************************/
#NotMethod{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	padding-bottom:40px;
	color:#333;
}
/*********************************** TIPS *************************************/
div.yoo-tooltip-toggler {
	cursor: pointer;
}

div.yoo-tooltip div.default .tooltip-tl {
	background: url(images/bubble_tl.png) 0 0 no-repeat;
	position: relative; /* for close button */
}

div.yoo-tooltip div.default .tooltip-tr {
	padding: 0px 15px 0px 15px;
	background: url(images/bubble_tr.png) 100% 0 no-repeat;
}

div.yoo-tooltip div.default .tooltip-t {
	background: url(images/bubble_t.png) 0 0 repeat-x;
}

div.yoo-tooltip div.default .tooltip-l {
	background: url(images/bubble_l.png) 0 0 repeat-y;
}

div.yoo-tooltip div.default .tooltip-r {
	padding: 0px 15px 0px 15px;
	background: url(images/bubble_r.png) 100% 0 repeat-y;
}

div.yoo-tooltip div.default .tooltip-m {
	background: #000;
	color:#FFF;
	overflow: hidden;
}

div.yoo-tooltip div.default .tooltip-bl {
	background: url(images/bubble_bl.png) 0 0 no-repeat;
}

div.yoo-tooltip div.default .tooltip-br {
	padding: 0px 15px 0px 15px;
	background: url(images/bubble_br.png) 100% 0 no-repeat;
}

div.yoo-tooltip div.default .tooltip-b {
	background: url(images/bubble_b.png) 0 0 repeat-x;
}


div.yoo-tooltip div.default .tooltip-arrow {
	background: url(images/bubble_arrow.png) 50% 0 no-repeat;
}

div.yoo-tooltip div.default .tooltip-close {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(images/close.png) 0 0 no-repeat;
	cursor: pointer;
}