body {
background:url(images/bg.gif) repeat;
margin:0px;
padding:0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
p{
text-align:justify;
line-height:19px;
padding:0px;
margin:0px;
}
h2{
padding:0px 0 10px 0; margin:0px; color:#B52025; font-size:20px; font-weight:normal;
}

/*para la seccion de experiencia */
h3{
margin:0px; color:#B52025; font-size:20px; font-weight:normal;
}


.clear{
clear:both;
}
#wrap{
width:977px;
margin:20px auto auto auto;
}
.top_corner{
width:976px;
height:15px;
background:url(images/top_bg.gif) no-repeat center bottom;
}
#main_container{
width:977px;
background:url(images/center_bg_repeat.gif) repeat-y center;
}
#header{
width:960px;
margin:auto;
height:90px;
}
#logo{
padding:10px 0 0 20px;
float:left;
}
#logo2{
padding:10px 0 0 22px;
float:left;
}
/*----------------------menu-------------------------*/
#menu{
	width:500px;
	float:right;
	padding-top:40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#menu ul{
list-style:none;padding:0px;margin:10px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px;font-size:12px;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#000;text-align:center; height:31px; line-height:31px; 
}
#menu ul li a:hover{
background-color:#b52025;color:#fff;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#fff;text-align:center; height:31px; line-height:31px; background-color:#b52025;
}

/*-----------------middle_banner----------------------------*/
.middle_banner{
width:977px;
height:304px;
background:url(images/middle_banner_bg.gif) no-repeat center;
}
/*----------------------slider---------------------------*/
.featured_slider { width:965px; margin:auto; float:left; margin:18px 0 0 6px; }
ul, li{
padding:0px;
margin:0px;
list-style:none;
}
/** ----------------------------------------------------- **/
/*esto al parecer son los sliders */
#featured_border { position: relative; border: none; padding:0px; height:280px; margin: 0px; }
#featured_wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
#featured_images {
	position: absolute;
	left: 0px;
	top: 6px;
}
#featured_images li { float: left; }
#featured_positioner_desc { width:965px; height: 280px; position: absolute; top: 0px; left: 0px; }
#featured_wrapper_desc { width: 100%; height:280px; position: relative; overflow: hidden; } /* este es el banner gris que llevan las fotos */
#featured_desc { position: absolute; left: 0; bottom: 0;  padding:0px; margin:0px; }
#featured_desc li { width: 965px; float: left;padding:0px; margin:0px; }
#featured_desc li div { margin:0px 0 0px 0px; padding:10px; width:945px;  background: url(images/featured-desc-bg.png); }
#featured_desc li h2 {
color:#FFFFFF;
font-size:18px;
padding:0px 0 5px 0;
margin:0px; 
}
#featured_desc li p {
color:#FFFFFF;
font-size:12px;
padding:0px 0 10px 0;
margin:0px;
line-height:18px;
}

#featured_buttons { position: absolute; top: 15px; right: 15px; width: auto; padding:0; list-style:none;}
#featured_buttons li { width: 22px; height: 22px; background: url(images/featured-button-off.png); float: left; margin-left: 3px; text-align:center; font-size:12px; color:#FFFFFF; line-height:22px; cursor: pointer; }
#featured_buttons li.clicked { background: url(images/featured-button-on.png); }
/**/


/*-------------------------------*/
.center_content{
width:960px;
clear:both;
margin:auto;
padding:10px 0 20px 0;
}
.center_content_pages{
width:960px;
clear:both;
margin:auto;
padding:20px 0 20px 0;
background:url(images/center_bg_pages.gif) no-repeat center top;
}
/* esto es para la parte de abajo , "proyectos importantes" */
.home_section_left{
width:270px;
height:auto;
float:left;
margin:0 14px 0 14px;
padding:0 10px 12px 10px;
background:url(images/home_block_bg.gif) no-repeat center bottom;

/*   esta es la imagen del cuadro donde va la leyenda "mas"
background:url(images/home_block_bg.gif) no-repeat center bottom;
*/
}
.home_section_left p{
clear:both;
}
.home_section_left p span{
font-weight:bold;
}


.home_section_left2{
width:270px;
height:auto;
float:left;
margin:0 14px 0 14px;
padding:0 10px 16px 10px;
background:url(images/home_block_bg.gif) no-repeat center bottom;

/*   esta es la imagen del cuadro donde va la leyenda "mas"
background:url(images/home_block_bg.gif) no-repeat center bottom;
*/
}
.home_section_left2 p{
clear:both;
}
.home_section_left2 p span{
font-weight:bold;
}


.home_section_left3{
width:270px;
height:auto;
float:left;
margin:0 14px 0 14px;
padding:0 10px 15px 10px;
background:url(images/home_block_bg.gif) no-repeat center bottom;

/*   esta es la imagen del cuadro donde va la leyenda "mas"
background:url(images/home_block_bg.gif) no-repeat center bottom;
*/
}
.home_section_left3 p{
clear:both;
}
.home_section_left3 p span{
font-weight:bold;
}





/* esto es  para los iconitos , pero la pagina esta divida en seccion izq y seccion der. */
/*img.home_section_icon{
width:63px;
float:left;
}*/
img.home_section_icon{
width:53px;
float:left;
}
/* este es el color de los titulos "Quienes Somos", */
h2.home_title{
width:190px;
float:left;
font-size:20px;
padding:20px 0 0px 10px; margin:0px;
color:#B52025;

}
.home_subtitle{
width:200px;
float:left;padding:0px 0 0px 10px; font-size:12px; color:#a7a7a7;
}
.home_section_thumb{
float:left; clear:both;
padding:2px; text-align:center;margin:10px 0 10px 0; border:1px #dcdcdc solid;
}
a.more{
float:right;
}

a.more1{
float:right;
padding:0 0 1px 0;
}

a.more2{
float:right;

}
/* es el borde de las imagenes de los proyectos importantes */

img.projects{
float:left;
padding:2px;margin:0 10px 0 0; border:1px #a7a7a7 solid;
}


.left_content{
width:660px;
float:left;
padding:0;
}

.left_content2{
width:960px;
float:left;
padding:0;
}
.left_block{
width:295px;
float:left;
padding:23px 20px 10px 15px;
}

.left_block2{
width:570px;
float:left;
padding:35px 20px 10px 15px;
}

.left_block3{
width:285px;
float:left;
padding:21px 20px 10px 20px;
}

.left_block4{
	width:200px;
	float:left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.left_block5{
	width:200px;
	float:left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.left_block6{
	width:300px;
	float:none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height: 20px;
}

.left_block7{
	width:280px;
	float:none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 5px;
	line-height: 20px;
}

.left_block8{
	width:400px;
	float:left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.left_block9{
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
}

.left_block_wide{
width:625px;
float:left;
padding:20px 20px 10px 15px;
}
.financial-application-form{
width:530px;
float:left;
padding:20px 20px 10px 15px;
}
.financial-application-form p{
margin-bottom:30px;
}
.testimonials{
width:360px;
float:right;
padding:20px 20px 0 0;
}
.block_wide{
width:625px;
float:left;
margin:10px 20px 10px 15px;
padding-top:10px;
border-top:1px #ededed solid;
}
.wide_content{
width:930px;
clear:both;
padding:10px 15px 0 15px;
}
.right_block{
width:280px;
float:right;
padding:20px 20px 10px 0;
}

.right_block2{
width:280px;
float:right;
padding:39px 15px 0 0;
}



img.pic{

border:3px #22496a solid;
margin:0 0 10px 0;
}
.home_news a{
font-size:12px;
color:#c82127;
text-decoration:none;
border-bottom:1px #bcbcbc dotted;
padding:10px 0 5px 12px;
display:block;
float:left;
background:url(images/arrow.gif) no-repeat left top;
background-position: 0px 13px;
}
.home_news a:hover{
text-decoration:underline;
}
input.newsletter_input{
background-color:#fdeaeb;
border:1px #e2c7c8 solid;
width:193px;
height:18px;
padding:4px;
float:left;
}
form#newsletter{
padding:10px 0 0 0;
}
input.newsletter_submit{
background-color:#b52025;
color:#FFFFFF;
text-align:center;
float:left;
padding:4px 4px 3px 4px;
margin:0 0 0 10px;
border:1px #fdeaeb solid;
cursor:pointer;
}
.testbox{
padding:20px 10px 5px 0;
margin:0;
border-bottom:1px #ededed solid;
}
.testbox p{
font-style:italic;
}



/*-----------------------contact_form-------------------*/
.form{
width:500px;
height:auto;
float:left;
padding:20px 10px 10px 20px;
border:1px #fdeaeb solid;
}
.form_row{
width:425px;
float:left;
clear:both;
padding:7px 0 7px 0;
}
label{
width:100px;
float:left;
padding:3px 15px 0 0;
color:#b52025;
text-align:right;
font-weight:bold;
}
input.main_input{
background-color:#fdeaeb;
border:1px #e2c7c8 solid;
width:300px;
height:18px;
padding:4px;
float:left;
}
textarea.main_textarea{
background-color:#fdeaeb;
border:1px #e2c7c8 solid;
width:300px;
height:120px;
padding:4px;
float:left;
}
input.submit{
background-color:#b52025;
color:#FFFFFF;
text-align:center;
float:right;
padding:3px 10px 2px 10px;
margin:0px 0 0 0;
border:1px #b52025 solid;
cursor:pointer;
}
/*-----------------------------footer------------------*/
.footer{
clear:both;
width:960px;
margin:auto;
background:url(images/footer_bg.jpg) no-repeat center;
height:65px;
}
.copyright{
float:left;
padding:30px 0 0 15px;
color:#6996c0;
}
.copyright a{
color: #2A1C11;
text-decoration:none;
}
.footer_links{
float:right;
padding:30px 15px 0 0;
}
.footer_links a{
text-decoration:none;
color: #2A1C11;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #2A1C11;
}
#pictureWrapper {
    float: right;
    margin: 0 20px 0 10px;
}
p#caption {
    margin: 0;
    padding: 3px 10px;
    font-weight: bold;
    text-align: center;
}

/* Border and background color for the random image. */

.picBorder {
    background-color: #fff;
    padding: 5px;
    border: #00425E solid 1px;
}
/* The warning class makes the error messages on the feedback form bold and red. */

.warning {
    font-weight: bold;
    color: #f00;
}
	
.formbox {
    width: 250px;
}
#wrapper {
	padding:90px 0 45px;	
	width:900px;
	margin:0 auto;
	position:relative;
	border-left: 1px solid #A4C8D8;
	border-right: 1px solid #A4C8D8;
	min-height:490px;
}

.ulises li{
font-size:12px;
padding:7px 0 5px 8px;
background-position: 0px 13px;
list-style-type:none;
}.liga_slider {
	font-size: 17px;
	text-decoration: underline;
	right: 15px;
	color: #00F;
	padding-left: 600px;
}
.td_index {
	letter-spacing: normal;
	word-spacing: normal;

}

.tr_inicio {
	padding-left: 10px;
}
.vineta {
	list-style-type: circle;
	list-style-position: inside;
	list-style-image: url(images/arrow.gif);
}
#wrap table tr td table tr td ul li {
	letter-spacing: normal;
	text-align: justify;
	text-indent: 0;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	
}
#wrap table tr td table tr td {
	background-repeat: no-repeat;

}
#main_container .center_content_pages table tr td p a {
	text-decoration: none;
}

/*a.LinkButton {
  border-style: solid;
  border-width : 1px 1px 1px 1px;
  text-decoration : none;
  padding : 4px;
  border-color : #000000;

}*/

.button_example{
border:1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #3093c7;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
}

.button_example:hover{
 border:1px solid #1c5675; background-color: #26759e;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), top(#133d5b));
 background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
 background-image: -moz-linear-gradient(top, #26759e, #133d5b);
 background-image: -ms-linear-gradient(top, #26759e, #133d5b);
 background-image: -o-linear-gradient(top, #26759e, #133d5b);
 background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}
#wrap table tr td table tr td a img {
	text-decoration:none
}

a:visited img {border: 0px #FFF; 
text-decoration:none; }