@import url(../../Templates/UI/Css/Layout.css);
@import url(http://fonts.googleapis.com/css?family=Cantarell);
/********* GLOBALS *********/

*
{ 
    margin: 0;
    padding: 0;
}
body
{
  font-family: "Gill Sans MT", "Century Gothic","Cantarell", "Sans Serif";
  font-size: 14px;
  color:#333333;
}
a img, table
{
    border: 0;  
}
dl, ol, ul
{
    list-style: none;
}

a{ text-decoration:none; border:none;}


 textarea, input, label
{
 /*   font: 100% serif; */
 margin-left:23px;
 margin-right:10px;
 padding:2px 0;
 width:380px;
}
table
{
    border-collapse: collapse;
}
caption, th, td
{
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
  color:#CC3436;
}
h1
{
    font-size: 22px;
    color:#0066bf;
    font-weight:bold;
    clear:left;
}
#footer
{
    margin:0 auto;
    text-align:center;
    background:#A5BD35 url(img/backFooter.png) repeat-x top center;
    background-color: #A5BD35;
    color:White;
    width:100%;
    font-size:14px;
    padding-bottom:40px;
}

#footer table
{
    height:100%;
    width:950px;
    margin:0 auto;
    list-style:disc;   
}

#footer table ul
{
  padding-left:40px;
}
#footer table li
{
  list-style:disc outside none;   
}

#footer table a
{
    text-decoration:none;
}

#footer table td
{
    padding:16px 5px 0;
    width:20%;
    vertical-align:top;
}

#footer table h3
{
    color:#FFFFFF;
}

#footer table .social_networks
{
    width:25%;
}
#footer table .social_networks ul
{
    padding:0;
}
#footer table .social_networks li
{
    display:inline;
    margin-right:15px;
}

#footer .n2
{
    color: #a2a796;
    float: right;
    font-size: .8em;
}
/* colors */
#header h2 a
{
    color: #fff;
}
a
{
    color: White;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}



/********* LAYOUT *********/

body
{
    margin: 0;
    padding:0;
    background-color:#b7d13b;
}

.startPage
{
    background: #B7D13B url(img/background1.png) repeat-x center top;
}

#wrap
{

    margin: 0 auto;
}
#header
{
    padding: 0px;
}
#page
{
    overflow-x:hidden;
    width: 950px;    
    margin:0 auto;
}
#content
{

    width: 950px;
}

#menu
{
    float: left;
    display:none;
}
#main
{
    width: 950px;
    text-align:justify;
}

.secondary
{
 margin-bottom:40px;
}

/*box*/

/********* WIDGETS *********/

/*top*/
#header
{
    position: relative;
    width:950px;
    margin:0 auto;
}
#header .siteHeader
{
    margin: 0;
    padding: 25px;
}

/*secondary*/
.secondary .uc
{
    margin-bottom: 15px;
}

/*menu*/
#Main_Menu
{
   right:17px;
    position:absolute;
    bottom:10px;
    font-size:14px;
    background:transparent url(img/backMenu.png) repeat-x center center;
    padding:5px 5px 5px 25px;
}
/*
.MainMenuWrapper
{
    height:20px;
    width:75%;
}*/
.MenuA
{
    height:20px;
    position:absolute;
    padding:30px 0;
    background-color:#b7d13b;
    font-size:14px;
    background:transparent url(img/backMenu.png) repeat-x center center;
    padding:5px 5px 5px 25px;
    right:0;
}

.MenuA ul
{
    padding-left:0 !important;
}


#Main_Menu li,.MenuA li
{
    display:inline;
    margin-right:10px;
    color:#FFFFFF;
    font-weight:bold;
 }

#Main_Menu a,.MenuA a
 {
  color:#FFFFFF;
  text-decoration: none;
}

#Sector_Section_lnk,#Gallery_Section_lnk,#Contact_Section_lnk,#Text_Section_lnk,#Home_Gallery 
{
  border-bottom: 1px dotted #FFFFFF;
}

.MenuWrap
{
    position:relative;
    height:30px;
    width:100%;
    margin:30px 0;
}



.languageMenu
{
    position: absolute;
    visibility:hidden;
    bottom: 10px;
    right: 20px;
}
.languageMenu a
{
    opacity: .4;
}
.languageMenu .current
{
    cursor: default;
    opacity: 1;
}
.languageMenu a:hover
{
    opacity: 1;
}

.subMenu
{
}
.menu ul ul
{
    margin: 0 0 5px 10px;
}
.subMenu a, .subMenu a
{
    display: block;
    padding: 2px 0;
    _height: 1px;
    color: #333;
}
.subMenu .trail > a
{
    color: #389000;
}
.subMenu .current > a
{
    color: #389000;
    font-weight: bold;
}
.subMenu ul
{
    margin-left: 20px;
}

/* lists */
.list
{
    padding-bottom: 6px;
    background-position: 50% 100%;
}

.list a
{
    display: block;
    font-weight: bold;
}
.list .a0
{
    
}
.list, .list .a1
{
    background: #fff url(list_light.gif) no-repeat 50% -1px;
}

/* path */
.path
{
    margin-bottom: 10px;
    display:none;
}
.path .current
{
    color: #333;
}
.path a.current:hover
{
    cursor: default;
    text-decoration: none;
}

/* sitemap */
#main ul 
{
    padding-left:30px;
}
#main ul li
{
    list-style:disc;   
}

/* content */
.introduction
{
    font-size: 1.1em;
    font-style: italic;
}


.textPage .label
{
	display:block;
}

.textPage .row
{
	margin-top:15px;
}

.slider-wrap {
float:left;
margin-bottom:10px;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:800px;
}

.portfolioContainer .stripViewer .panelContainer .panel {
float:left;
height:100%;
position:relative;
width:600px;
}
.stripNavL  {
top:225px;
}

.stripNavL, .stripNavR {
display:none;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:26px;
}
.portfolioContainer .stripNav, .aboutContainer .stripNav {
background-color:#ED7612;
float:left;
width:208px !important;
}

.stripNav ul {
list-style-type:none;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}
stripNav ul li {
border-bottom-color:#F68920;
border-bottom-style:solid;
border-bottom-width:1px;
}
#stripNav0 a {
color:White;
}
.stripNav ul li a {
display:block;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
}
portfolioContainer .stripViewer {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#FFFFFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:Black;
float:left;
height:600px;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
margin-top:auto;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:582px !important;
}
.stripViewer .panelContainer {
left:0;
list-style-type:none;
position:relative;
top:0;
width:100%;
}
.portfolioContainer .stripViewer .panelContainer .panel {
float:left;
height:100%;
position:relative;
width:600px;
}
.projectDescription {
margin-bottom:5px;
margin-left:12px;
margin-right:12px;
margin-top:5px;
width:80%;
}
.stripNavR  {
left:770px;
top:-251px;
}

.stripNavL, .stripNavR {
display:none;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:26px;
}

.portfolioContainer .stripViewer {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#FFFFFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:Black;
float:left;
height:600px;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
margin-top:auto;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
width:582px !important;
}

.btnSubmit
{
	margin-top:10px;
}


#slider 
{
  margin:0 auto;
  top:20px;
  width:950px;   
  height:190px;
  position:relative;
  background:#FFFFFF url(img/loading.gif) no-repeat 50% 50%;
}



/*Gallery*/
 .jcarousel-skin {
  width: 789px;
  margin:25px auto 0;
}

.jcarousel-skin .jcarousel-item 
{
    width: 250px;
    height: 146px;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
    -webkit-border-radius:10px;
    background:#FFFFFF;
    margin-left:13px;
    
}

.jcarousel-skin .jcarousel-item a img
{
 padding:10px;
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 40%;
    left: -28px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: transparent url(img/leftarrow.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-next-horizontal {
    position:absolute;
    width: 28px;
    height: 28px;
    cursor: pointer;
    right: -38px;
    top: 40%;
    background: transparent url(img/rightarrow.png) no-repeat 0 0;
}

/*Fin Gallery*/

.Section,.Section_Top,.Section_Bottom
{
    width:890px;
    margin:0 auto;
}

.Section
{
    position:relative;
    background:transparent url(img/middle.png) repeat-y center top;
    margin-top:-1px;
}

.Section_Top,.Section_Bottom
{
    height:15px;
}

.Section_Top
{
    background:transparent url(img/top.png) no-repeat center center; 
}

.Section_Bottom
{
    background:transparent url(img/bottom.png) no-repeat center center; 
}
.SItem
{
background:url("img/h_bar.png") no-repeat scroll center bottom transparent;
/*display:table;*/
min-height:240px;
padding:20px;
position:relative;
}

.Section h1,.Section h4
{
    display:none;
}

.SItem .left_image {
background:url("img/shadow2.png") no-repeat scroll center center transparent;
display:table-cell;
vertical-align:middle;
width:400px;
text-align:center;
height:230px;
}

.SItem .main_text {
display:table-cell;
vertical-align:middle;
width:415px;
}

.main_text h2
{
 color:#CC3436;
}


#Sector_Section
{
}

.Title_Image
{
    position:absolute;
    left:-24px;
    top:5px;
}


.Gal_Content
{
    padding:95px 30px 20px;
    position:relative;
}

.content_inner
{
    padding-top:20px;
}


.SItem .icon {
position:absolute;
right:-23px;
top:34%;
}

#Text_Section .content_inner
{
    padding:0 15px 15px 15px;
}
#Text_Section table
{
    width:100%;
}

#Text_Section td
{
    width:33%;
    vertical-align:top;
}

#Form_Section .inputForm label
{
    float:left;
    width:100px;
}

#Form_Section .inputForm .row
{
    margin-top:10px;
}

#Form_Section .content_inner
{
    padding:95px 40px 20px 40px;
}

#Form_Section .btnSubmit
{
    /*background-color:#B7D13B;
    border: 1px solid #DEDCDC;*/
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
    -webkit-border-radius:10px;
    height:29px;
    width:104px;
    background:transparent url(img/boton.png) no-repeat center center;
    margin-left:272px; 
}


.portfolioContainer .coda-slider-wrapper
{
    background:transparent url(img/middle.png) repeat-y center top;
    padding-top:75px;
    margin-top:-1px;
}

#main .portfolioContainer
{
    margin:0 auto;
    width:890px;
    position:relative;
}

.coda-nav
{
  background:transparent url("img/verticalLine.png") no-repeat right center;   
}
.coda-nav li
{
 background:transparent url("img/shadow.png") no-repeat center bottom;
  margin:0 15px;
 }

.coda-slider
{
}
.complexBannerTeaser
{
  margin:0 auto;
  height:499px;
  width:938px;
  background:transparent url(img/backBanner.png) no-repeat center center;
}

.nivoSlider
{
  margin:0 auto;
  width:900px;
  height:450px !important;
}

.complexBannerTeaser .inner
{
    padding-top:12px;
}
.nivo-slice{ height:450px !important; position:relative;}
.nivo-controlNav
{
    display:none;
}

.nivo-directionNav a
{
 height:52px;
 width:31px;
 text-indent:-9999px;
 border:none;
 text-decoration:none;
}
.nivo-prevNav
{
    background:transparent url(img/normalIzq.png) no-repeat center center;
}

.nivo-prevNav:hover
{
    background:transparent url(img/hoverIzq.png) no-repeat center center;
}

.nivo-nextNav
{
    background:transparent url(img/normalDerecha.png) no-repeat center center;
}

.nivo-nextNav:hover
{
    background:transparent url(img/hoverDerecha.png) no-repeat center center;
}


.scroll
{
    position:relative;
}


#header .top
{ 
    margin:5px auto 0;
}

.inputForm
{
    margin:0 auto;
    padding-left:120px;
}

#Form_Section .inputForm
{
   color:#000000;
}

.alternative
{
    font-size:14px;
}

.panel-wrapper h2
{
    color:#CC3436;
    text-transform:uppercase;
    text-align:center;
}

.Top_Text
{
    margin:0 auto;
    width:890px;
    background:transparent url(img/middle.png) repeat-y center top;
    margin-top:-1px;
    padding:5px 0;
}


.coda-nav-left,.coda-nav-right{ display:none;}
.siteLogo
{
padding-left:0;
}

.ContactImage
{
height:69px;
width:226px;
background:transparent url(img/llamanos.png) no-repeat center center;
position:fixed;
bottom:0;
right:0;
z-index:9000;
}

.imageContainer
{
    float:left;
    width:161px;
    height:114px;
    
    margin:5px;
    text-align:center;
}

.imageContainer a
{
    padding:7px 5px;
    display:block;
    background-color:#666666;
}

.imageContainer a:hover
{
    background-color:#000000;
}

#HomeGallery_Section .Gal_Content
{
    padding:95px 15px 20px;
    position:relative;
}

#Gallery2
{
    margin:20px 0;
}


#Simulator_Section .content_inner
{
    padding:95px 40px 20px 40px;
    overflow:hidden;
}

#Simulator_Section .simulatorFields
{
    float:left;
    margin:15px 0 0 143px;
    width:680px;
}

#Simulator_Section .simulatorFields input,#Simulator_Section .simulatorFields select
{
    float:left;
}

#Simulator_Section .simulatorFields .pay_row
{
    float:left;
    clear:left;
    margin:10px 0;
    width:100%;
}

#Simulator_Section .simulatorFields input,#Simulator_Section .simulatorFields select
{
    width:220px;
    margin:0 10px;
}

#Simulator_Section .simulatorFields select
{
   width:222px;
}

#Simulator_Section .simulatorFields span.fieldLabel
{
    width:180px;
    float:left;
}
#Simulator_Section .simulatorFields span.signedLabel
{
    width:170px;
}

#Simulator_Section .simulatorFields span.signLabel
{
    width:10px;
    float:left;
}

#Simulator_Section .simulatorFields .YearLabel
{
    width:auto;
    margin:0 10px;
}

.simulatorFields
{
    color:#000000;
}



.redButton,#Simulator_Section .simulatorFields .redButton
{
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
    -webkit-border-radius:10px;
    height:32px;
    width:131px;
    background:transparent url(img/boton.png) no-repeat center center; 
    color:#FFFFFF;
    text-align:center;
    padding:0;
}

#Form_Section .redButton
{
  margin-left:272px;
  margin-top:20px;
}
#Simulator_Section .simulatorFields .redButton
{
    float:left;
    clear:left;
    margin-left:188px;
}

#Simulator_Section .simulatorFields .spinBox
{
    width:50px;
    padding:1px 0;
    background-color:#FFFFFF;
    color:#000000;
    border:solid 1px #7F9DB9;
}
.spinContainer
{
    float:left;
}

.noBorder
{
    border:none;
}

.dateC
{
    background-color:#FFFFFF;
    color:#000000;
    border:solid 1px #7F9DB9;
}


.simulatorBody{ background-color:#EDEDED; color:#000000; font-family:Calibri;}
.simulatorBody table{ font-weight:bold; font-size:13px;}
.simulatorBody table td{ padding:5px;}
#PrestamoTable,#PagoInicialTable { float:left; margin:10px;}
#ResultadoPagoMensualTable,#AmortizacionTable { float:left; clear:left; margin:10px;}
.simulatorBody caption{ font-size:17px; font-weight:bold; text-align:center;}
.simulatorBody .tableHd td{ background-color:#93A828; color:#FFFFFF; border:none;}
.simulatorBody .lightRow td,.simulatorBody .darkRow td{ border-bottom:solid 1px #FFFFFF;}
.simulatorBody .lightRow{ background-color:#DDE99F;}
.simulatorBody .darkRow{ background-color:#B7D13B;}
#PagoInicialTable{ margin-left:50px;}
#AmortizacionTable{ font-size:9px; width:98%;}
#AmortizacionTable td{ padding:0 5px;}
.simulatorBody table input{ margin:0; width:auto; padding:0;}
#RecalculateButton{float:right;clear:left;width:120px;}
#AmortizacionTable td.wideCell{width:55px;}
#AmortizacionTable input{width:95%; font-size:9px;}
.tableContainer{float:left;}

/*IE7*/
*:first-child+html #Form_Section .btnSubmit{ border:none; }
*:first-child+html .Section{ border:0;}
*:first-child+html a{ border:none;}
*:first-child+html .jcarousel-skin .jcarousel-item a img { padding:0; margin:10px;}
*:first-child+html  textarea.alternative{padding:0 5px;}
*:first-child+html .jcarousel-skin .jcarousel-item{ margin:0 7px;}
*:first-child+html .jcarousel-skin .jcarousel-next-horizontal{ right:-33px;}
*:first-child+html .coda-nav ul li{ list-style-type:none !important;}
*:first-child+html .coda-nav ul{ padding:0 !important;}
*:first-child+html #footer .location{ width:35%;}
*:first-child+html .SItem .left_image{position:absolute; top:50%; margin-top:-115px;} 
*:first-child+html .SItem .main_text{ float:right; margin-right:35px;} 
*:first-child+html #Simulator_Section .simulatorFields .redButton{ margin-left:46px;}
*:first-child+html #AmortizacionTable td.wideCell{padding:0 5px !important; width:100px !important;}
/*Fin IE7*/

/*IE6*/
*html #Form_Section .btnSubmit { border:none; margin-left:282px;}
*html .Section{ border:0; margin-top:-1px;}
*html a{ text-decoration:none !important;}
*html .nivo-prevNav,*html .nivo-nextNav,*html .Title_Image img,*html .icon,
*html .siteLogo img,*html .complexBannerTeaser,*html .panel-wrapper img{behavior: url(/Templates/Scripts/iepngfix.htc);}
*html .jcarousel-skin .jcarousel-item a img { padding:0; margin:10px;}
*html .jcarousel-skin .jcarousel-item{margin:0 7px;}
*html .jcarousel-skin { width:830px; text-align:center; position:relative;}
*html .jcarousel-skin .jcarousel-clip{ width:790px;}
*html .jcarousel-skin .jcarousel-container{ overflow:visible;}
*html .jcarousel-skin .jcarousel-prev-horizontal{left:-30px;}
*html .jcarousel-skin .jcarousel-next-horizontal{right:-15px;}
*html .nivo-slice{ height:450px !important;}
*html .SItem{ width:890px; padding:10px 0;}
*html .SItem .left_image{ margin-left:10px;}
*html .portfolioContainer .coda-slider{ margin:20px 15px;}
*html .coda-nav ul li{ list-style-type:none !important;}
*html .coda-slider-wrapper{ min-height:600px;  height:600px; height:auto !important; margin-top:-1px;}
*html .portfolioContainer #slider1{margin:20px 0;}
*html #Main_Menu #Sector_Section_lnk{ border-bottom: 1px dotted #C95C38 !important;}
*html #footer .location{ width:35%;}
/*Fin IE6*/