/* CSS Document */
@import "_reset.css";

body { color:#5a5a5a;}

.wrapp { width:940px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px}

.wrapp_banner { background:url(../img/core/bg_banner2.png) repeat-x left 160px; padding-top:160px;}
.wrapp_banner2 { background:url(../img/core/bg_banner.png) repeat-x left 160px; padding-top:160px;}
.header { background:#E7E7E7; position:fixed; display:block; width:100%; z-index:999; }

#logo { float:left; background:#221F20 url(../img/core/logo_red.png) no-repeat; width:292px; height:73px; margin-top:30px;}
#logo .bright {background:url(../img/core/logo_bright.png) repeat-x;}



#phone { float:right; padding-top:30px;}
#phone h1{ color:#004B84; font-family:Verdana, Geneva, sans-serif; font-size:20px; font-weight:bold; margin-bottom:6px; background:url(../img/core/icon_phone.png) no-repeat left center; padding-left:30px; line-height:22px;}
#phone h2 { color:#7C7C7C; font-family:Verdana, Geneva, sans-serif; font-size:14px; text-align:right;}
#phone h2 a{ color:#7C7C7C; text-decoration:none;}
#phone h2 a:hover{ color:#C80203;}

#social { border-bottom:#C80203 solid 3px; display:block;}
#social ul { float:right;}
#social li { float:left; background:url(../img/core/bg_social.png) no-repeat; padding:0 15px 0 30px; color:#CCC;}
#social li strong { padding:8px 10px 6px 10px; font-size:11px; color:#CCC;}
#social li a{ color:#FFF; padding:8px 10px 6px 10px; display:inline-block; text-decoration:none; font-size:11px;}
.fb {  margin:-2px 0 -3px 0;}


#nav { background:#FFF;}
#nav li{ float:left; margin:0 5px;}
#nav a{color:#023457; font-size:13px; font-weight:bold; padding:8px 20px; display:block; text-transform:uppercase; text-decoration:none;}
#nav a:hover, #nav li.active a {color:#C80203;}

.bar { height:23px; margin-top:-11px; z-index:9; position:relative;}

.blue	{color:#4773b7; border-left-color:#4773b7}
.green	{color:#b1cd49; border-left-color:#b1cd49}
.orange	{color:#ee892c; border-left-color:#ee892c}
.red	{color:#cd3130; border-left-color:#cd3130}
.purple	{color:#5e225e; border-left-color:#5e225e}


.blue	a{color:#4773b7;}
.green	a{color:#b1cd49;}
.orange	a{color:#ee892c;}
.red	a{color:#cd3130;}
.purple	a{color:#5e225e;}

#content { padding-bottom:20px;}
#content p {line-height:16px; margin-bottom:15px;}

/*- HOME -*/
.home { background:url(../img/core/bar_home.png) no-repeat;}
.panels { background:url(../img/core/bg_panel.png) repeat-x; padding-top:30px; margin-top:-10px; position:relative; margin-bottom:20px;}
.panels .panel {float:left; width:170px; margin-right:17px; border-left-width:1px; border-style:solid; min-height:200px;}
.panels .panel a{ text-decoration:none;}
.panels .panel p{ color:#000; padding-left:24px;}
.panels .panel p a{ color:#000;}
.panels .panel p strong{ color:#666; font-weight:bold; float:right; padding-right:5px;}
.panels .panel h1{ font-weight:bold; font-size:16px; border-left-width:7px; border-left-style:solid; height:56px; line-height:22px; padding:10px 0 0 17px; vertical-align:middle;}

.home_clients { background:url(../img/core/bg_panel.png) repeat-x left -30px; border-top:#FF0202 solid 1px;}
.home_clients h1{ float:left; background:url(../img/core/home_h1.png) no-repeat; padding:30px; color:#787878; font-size:16px; font-weight:bold;}

.image_carousel {padding: 5px 0 15px 40px;}
.image_carousel li{ float:left; width:100px; text-align:center; padding-top:20px;}
.image_carousel li img{ height:50px;}
.clearfix {float: none;	clear: both;}

#banner_home a{ height:266px; float:left; margin:0px; padding:0px;} 

.more a { font-weight:bold; text-align:right; color:#666; display:block;}
.blue	.more a:hover{color:#4773b7;}
.green 	.more a:hover{color:#b1cd49;}
.orange .more a:hover{color:#ee892c;}
.red	.more a:hover{color:#cd3130;}
.purple .more a:hover{color:#5e225e;}


/*- LEADERS -*/
#leaders { min-height:350px;}
#leaders .bar { background:url(../img/core/bar_leaders.png) no-repeat; margin-bottom:-6px;}
#leaders .panel_1 { width:188px; float:left; margin-right:35px;}
#leaders .panel_1 li { margin-bottom:5px;}
#leaders .panel_1 a {font-size:14px; color:#999999; display:block; padding:16px 0 9px 15px; text-decoration:none;font-weight:bold;}
#leaders .panel_1 li.one a { border-left:#C91719 solid 7px; border-bottom:#C91719 solid 1px;}
#leaders .panel_1 li.two a { border-left:#C91719 solid 7px; border-bottom:#C91719 solid 1px;}
#leaders .panel_1 li.three a { border-left:#C91719 solid 7px; border-bottom:#C91719 solid 1px;}
#leaders .panel_1 li.four a { border-left:#C91719 solid 7px; border-bottom:#C91719 solid 1px;}
#leaders .panel_1 li.five a { border-left:#C91719 solid 7px; border-bottom:#C91719 solid 1px;}
#leaders .panel_1 li.one a:hover, #leaders .panel_1 li.one.active a {color:#FFF; background:#C91719}
#leaders .panel_1 li.two a:hover, #leaders .panel_1 li.two.active a {color:#FFF; background:#C91719}
#leaders .panel_1 li.three a:hover, #leaders .panel_1 li.three.active a {color:#FFF; background:#C91719}
#leaders .panel_1 li.four a:hover, #leaders .panel_1 li.four.active a {color:#FFF; background:#C91719}
#leaders .panel_1 li.five a:hover, #leaders .panel_1 li.five.active a {color:#FFF; background:#C91719}

#leaders .panel_2 { width:365px; float:left; margin-right:35px; padding-top:20px;}
#leaders .panel_2 h1 { color:#123657; font-size:30px; margin-bottom:20px;}
#leaders .panel_2 h2 { color:#123657; font-size:20px; margin-bottom:20px;}
#leaders .panel_2 h3 { color:#64B3C7; font-size:15px; font-weight:bold;}
#leaders .panel_2 h4 { color:#999999; font-size:13px; margin-bottom:15px; margin-top:7px; font-weight:bold;}
#leaders .panel_2 strong { color:#666; font-size:15px; font-weight:bold;}
#leaders .panel_2 p {line-height:16px; margin-bottom:15px; text-align:justify;} 
#leaders .panel_2 th { padding-right:15px; font-weight:bold; text-align:left;} 
#leaders .panel_2 td { line-height:18px; padding-bottom:8px;} 
#leaders .panel_3 th { padding-right:15px; font-weight:bold; text-align:left;} 
#leaders .panel_3 a strong { color:#5a5a5a; font-size:13px; font-weight:bold;}
#leaders .panel_3 td { line-height:18px; padding-bottom:8px;} 
#leaders .panel_2 ol {  list-style:decimal; margin-left:15px;}
#leaders .panel_2 li { line-height:16px; margin-bottom:5px;}
#leaders .panel_2 a { color:#5a5a5a; text-decoration:none;}
#leaders .panel_2 a:hover { text-decoration:none;}
#leaders .panel_3 a { color:#5a5a5a; text-decoration:none;}
#leaders .panel_3 a:hover { text-decoration:none;}
#leaders .panel_3 p br { margin-bottom:3px;}

#leaders .panel_3 { width:265px; float:left; padding:20px 25px; border-left:#63B3C7 solid 1px; border-right:#63B3C7 solid 1px; min-height:320px; }
#leaders .panel_3 strong { font-weight:bold;}
#leaders .panel_3 h1 { color:#123657; font-size:16px; margin-bottom:20px; font-weight:bold;}
#leaders .panel_2 li { line-height:16px; background:url(../img/core/bullet_1.png) no-repeat left 6px; padding-left:20px; margin-bottom:5px;}
#leaders .panel_3 p {line-height:16px; margin-bottom:15px; text-align:justify;} 

#leaders .panel_23 { width:715px; float:left; padding-top:20px;}
#leaders .panel_23 h2 { color:#113656; font-size:20px; margin-bottom:20px;}

#leaders .panel_logo { width:315px; float:left; min-height:320px; background:url(../img/core/logo_grey.png) no-repeat center center; }

/*- SERVICIOS -*/
#servicios .bar { margin-bottom:-6px;}
#servicios .panel_1 { width:188px; float:left; margin-right:35px;}
#servicios .panel_1 li { margin-bottom:5px;}
#servicios .panel_1 a {font-size:14px; color:#4C4C4C; display:block; padding:16px 0 9px 15px; text-decoration:none; font-weight:bold;}
#servicios .panel_1 li.one a { border-left:#4773b7 solid 7px; border-bottom:#4773b7 solid 1px; color:#4773b7;}
#servicios .panel_1 li.two a { border-left:#b1cd49 solid 7px; border-bottom:#b1cd49 solid 1px; color:#b1cd49;}
#servicios .panel_1 li.three a { border-left:#ee892c solid 7px; border-bottom:#ee892c solid 1px; color:#ee892c;}
#servicios .panel_1 li.four a { border-left:#cd3130 solid 7px; border-bottom:#cd3130 solid 1px; color:#cd3130;}
#servicios .panel_1 li.five a { border-left:#5e225e solid 7px; border-bottom:#5e225e solid 1px; color:#5e225e;}
#servicios .panel_logo { width:315px; float:left; min-height:320px; background:url(../img/core/logo_grey.png) no-repeat center center; }

#servicios .panel_1 li.one a:hover, #servicios .panel_1 li.one.active a { color:#FFF; background:#4773b7}
#servicios .panel_1 li.two a:hover, #servicios .panel_1 li.two.active a  {color:#FFF; background:#b1cd49}
#servicios .panel_1 li.three a:hover, #servicios .panel_1 li.three.active a { color:#FFF; background:#ee892c}
#servicios .panel_1 li.four a:hover, #servicios .panel_1 li.four.active a { color:#FFF; background:#cd3130}
#servicios .panel_1 li.five a:hover, #servicios .panel_1 li.five.active a  { color:#FFF; background:#5e225e}

	#servicios.blue .bar { background:url(../img/core/bar_blue.png) no-repeat;}
	#servicios.green .bar { background:url(../img/core/bar_green.png) no-repeat;}
	#servicios.orange .bar { background:url(../img/core/bar_orange.png) no-repeat;}
	#servicios.red .bar { background:url(../img/core/bar_red.png) no-repeat;}
	#servicios.purple .bar { background:url(../img/core/bar_purple.png) no-repeat;}

#servicios .panel_2 { width:365px; float:left; margin-right:35px; padding-top:20px; color:#5a5a5a;}
#servicios .panel_2 h2 { color:#6F3D7D; font-size:20px; margin-bottom:20px;}
#servicios .panel_2 strong { font-weight:bold;}
#servicios .panel_2 p {line-height:16px; margin-bottom:15px; text-align:justify;} 
#servicios .panel_2 p em { text-align:center; font-style:italic; margin-bottom:15px;} 
	#servicios.blue .panel_2 h1 { color:#4773b7; font-size:20px; margin-bottom:20px;}
	#servicios.green .panel_2 h1 { color:#b1cd49; font-size:20px; margin-bottom:20px;}
	#servicios.orange .panel_2 h1 { color:#ee892c; font-size:20px; margin-bottom:20px;}
	#servicios.red .panel_2 h1 { color:#cd3130; font-size:20px; margin-bottom:20px;}
	#servicios.purple .panel_2 h1 { color:#5e225e; font-size:20px; margin-bottom:20px;}

#servicios .panel_3 { width:265px; float:left; padding:20px 25px; color:#5a5a5a;}
#servicios .panel_3 h1 {font-size:16px; margin-bottom:20px; font-weight:bold;}
#servicios .panel_3 strong { color:#444444;font-weight:bold;}
#servicios .panel_3 p {line-height:16px; margin-bottom:15px; text-align:justify;} 

	#servicios.blue .panel_3 {border-left:#4773b7 solid 1px; border-right:#4773b7 solid 1px; }
	#servicios.blue .panel_3 h1 { color:#4773b7;}
	#servicios.green .panel_3 {border-left:#b1cd49 solid 1px; border-right:#b1cd49 solid 1px; }
	#servicios.green .panel_3 h1 { color:#b1cd49;}
	#servicios.orange .panel_3 {border-left:#ee892c solid 1px; border-right:#ee892c solid 1px; }
	#servicios.orange .panel_3 h1 { color:#ee892c;}
	#servicios.red .panel_3 {border-left:#cd3130 solid 1px; border-right:#cd3130 solid 1px; }
	#servicios.red .panel_3 h1 { color:#cd3130;}
	#servicios.purple .panel_3 {border-left:#5e225e solid 1px; border-right:#5e225e solid 1px; }
	#servicios.purple .panel_3 h1 { color:#5e225e;}
	
/************************ FORM **********************/
.t_form p{ margin-bottom:15px;}
.t_form td { padding:1px 0;}
.t_form th {text-align:left; padding:4px 0 0 0; vertical-align:top; font-size:11px;}
.t_form th strong{ color:#FFF; padding:2px 4px; display:block; background:#9A9A9A;}
.t_form input[type=text], .t_form input[type=file], .t_form input[type=password], .t_form textarea { width:19em; border:1px solid #B7B7B7; padding:8px}
.t_form select { width:15em; border:1px dashed #B7B7B7; padding:3px}
.t_form textarea {height:80px; resize: none; margin-top:2px;}
.t_form .button {padding: 2px 15px; border:1px solid #4DA8BF; background-color: #4DA8BF; color:#FFF; margin-top:8px;}
.t_form .button:hover {border:1px solid #000; background-color:#000; color:#FFF;}
.t_form label.error { color:#FF0000; font-size:10px; display:block; padding:1px 0;}

#alert {padding:8px; position:absolute; z-index:9999; text-align:center; width:250px; font-size:12px;
left: 50%;
margin-left: -120px;
top:-30px;
color:#FFF; background:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#alert strong{ font-weight:bold;}

/*- FOOTER -*/
.footer {background:#747472;}
.footer li { float:left; margin:12px 0 12px 100px; color:#FFF;}
.footer li:first-child { margin-left:0px;}
.footer a {color:#FFF; text-decoration:none;}
.footer a:hover {text-decoration:none;}

.grey {background:#dadada; padding:20px; color:#444; padding-bottom:5px;}

/*--------FAQ----------*/
#slider{}
.scroll{}
ul.navigation {}
ul.navigation li{ list-style:decimal;}
ul.navigation a{color:#333;text-decoration:none; display:block}
ul.navigation a:hover{ font-weight:bold;}
ul.navigation a.selected{font-weight:bold;}
ul.navigation a:focus{outline:none}
.scrollContainer { padding-top:40px;}
.scrollContainer div.panel {float:left; width:315px;}
.scrollButtons{display:none !important;}
.hide{display:none}
