/*-------------------imports---------------------------*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

/* ---------------- header ---------------------------*/
#contenedor{padding-top: 107px !important;}
header {
        position: fixed;
        z-index: 100;
        top: 0;
        width: 100%;
        background: #fff;
	font-size: 1.3em;
        border-bottom: 1px solid #ccc;}
header a {
	color: #000;
	text-decoration: none; }
header a:hover {
	color:#e66728;
	text-decoration: underline;  }
header ul {
	position:absolute
	top:40%;
	right: 0;}
header ul li {margin-left: 10px;}

#cabecera{padding: 5px 0;}
#menu{margin-top: 35px;}

/*--------------------------Body-----------------------------*/
body{padding: 0; font-family: 'Source Sans Pro';}
body h3 {
	color: #e66728; 
	font:bold 1.3em "Open Sans Condensed"; 
	text-transform: uppercase; } 
body h3 img {
	padding-right:5px; 
	position:relative;
	top:-3px;}
body h3 span {color:#000;}
div h4+p {text-align: justify;}
.fnd1, .fnd2, .fnd3{width: 100%;}
.fnd2, .fnd3{background: #f5f5f5;}
.fnd1{padding-top: 20px; border-bottom: 1px solid #ddd; background: #f5f5f5 url(/img/fnd1.png) no-repeat center top;}
.fnd2{border-bottom: 1px solid #ddd;}
.fnd3{border-top: 1px solid #ddd;}
.sep{padding-top: 15px; padding-bottom: 15px;}
.borde{padding-bottom: 4px; border-bottom: 1px solid #ddd;}
.alert{margin: 0 20px 10px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}
.alert p:last-child{margin-bottom: 0;}
.modal button{width: auto;}

form{margin: 0;}
form label, form label a{font: lighter 1em "Source Sans Pro";}
form label a{text-decoration: underline;}
form label a:hover{text-decoration: none;}
form input, form textarea{font-family: "Source Sans Pro"; font-size: 12px; border: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}
form textarea{resize: none;}
form button, form button strong{color: #fff; font-size: 16px; font-family: "Source Sans Pro"; text-transform: uppercase;}
form button, form button:hover{background: #333;}
form button{font-weight: 200;}
form button strong{font-weight: 400;}
form .check{padding-top: 7px;}
form .check input, form .check label{float: left; margin: 0 5px 0 0; padding: 0;}
form .submit{display: block;}

/*----------------------- formulario cabecera --------------------------*/
.carousel{margin-bottom: 14px;}
.carousel-control{display: none;}
.carousel-indicators{top: initial; right: initial; bottom: 15px; left: 50%;}
.carousel-indicators li{background: #999; cursor: pointer;}
.carousel-indicators li:first-child{margin-left: 0;}
.carousel-indicators li.active{background: #e66728;}
#formulariocabecera {
	position: relative; 
	top:-50px;}
#formulariocabecera ul {
    margin: 0;
}
#formulariocabecera ul li a{
    margin: 0;
    padding-left: 30px;
    color: #666;
    background-color: #333;
    background-position: 10px 10px;
    border: none;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
#formulariocabecera ul li.active a{
    color: #fff;
    background-color: #e66728;
}
#formulariocabecera ul li a{background-image: url(/img/icon2.png); background-repeat: no-repeat;}
#formulariocabecera ul li.active a{background-image: url(/img/icon2on.png); background-repeat: no-repeat;}
#formulariocabecera ul li:first-child a{background-image: url(/img/icon1.png); background-repeat: no-repeat;}
#formulariocabecera ul li.active:first-child a{background-image: url(/img/icon1on.png); background-repeat: no-repeat;}
#formulariocabecera form {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #e66728; 
}
#formulariocabecera input, #formulariocabecera textarea {
    color: #fff; 
    background-color: #c04508;
}
#formulariocabecera .input input{
    width: 143px;
}
#formulariocabecera .check input{margin-top: 7px;}
#formulariocabecera textarea {
    width: 356px;
    height: 81px;
}
#formulariocabecera label, #formulariocabecera label a{color: #fff;}
#formulariocabecera .submit{
    padding: 0 20px;
}

#formulariocabecera .sup .input, #formulariocabecera .inf .input{margin-left: 20px;}
#formulariocabecera .sup .input:first-child, #formulariocabecera .inf .input:first-child{margin-left: 0;}

/*-------------------------capa hipotecas----------------------------*/
#capahipotecas { 
	color: white; 
	font-size: 1.3em;}
#capahipotecas img{max-width: 100%; border: 1px solid #222;}
#textohipotecas h4 {
	font-size:2em;
	margin-bottom: 20px;}
#capahipotecas {position:relative;}
#capahipotecas #textohipotecas {
	left: 30px;	
	margin-right: 10px;
	position: absolute;	
	top: 40px;}

/*-------------------------capa por que credijet--------------------------------*/
#capaporque img {z-index: -1;}
#capaporque .titulo {
	font-size: 1.8em; 
	text-align: center; 
	margin: -50px auto 30px;}
#capaporque .lista li {
	margin-bottom: 15px;
	padding-left: 15px; 
	background: url('/img/elipse.png') no-repeat left;}
#capaporque .destacados  {
        margin-top: 20px;
	margin-left: 10px;}
#capaporque .destacados li {
	background: url('/img/cuadro.png') no-repeat 0px 3px;
	margin-bottom: 15px;
	padding-left: 20px;}
#capaporque .destacados h4 {margin-top: 0px;}
#capaporque .destacados li p {margin-top:-10px;}

/*---------------------------capa sobre credijet ------------------------------------*/
#sobrecredijet #mapa {
	background-color: #000;
	color: white; height: 400px;
	margin-bottom:10px;
	width: 100%;}
#sobrecredijet ul li {
	margin-right: 15px;
	vertical-align: top;}

/*--------------------------capa servicios integrales---------------------------------------*/
#soluciones-credijet img{border: 1px solid #ccc;}
#soluciones-credijet img.visible-desktop{margin: -40px auto 0; border: 0;}
#soluciones-credijet h3 img{border: none;}
#servicios-integrales{}
    #servicios-integrales h4{color: #e66728;}
    #servicios-integrales p{color: #666;}

/*--------------------------capa hazte agente---------------------------------------*/
#hazteagente {padding-bottom: 30px; background: url('/img/fondohazteagente.jpg') right 98px no-repeat;}
#hazteagente p {width: 790px;}
#hazteagente ul {margin-left:0px;}
#hazteagente .uno {
	background: url('/img/uno.jpg') top left no-repeat;
	padding-left: 30px;margin-bottom: 10px;}
#hazteagente .dos {
	background: url('/img/dos.jpg') top left no-repeat;
	padding-left: 30px;
	margin-bottom: 10px;}
#hazteagente .tres {
	background: url('/img/tres.jpg') top left no-repeat;
	padding-left: 30px;
	margin-bottom: 10px;}

/*----------------------- formulario cabecera --------------------------*/
#formulariopie{padding: 20px 0; width: 704px; background: #fff; border: 1px solid #ddd;}
#formulariopie input, #formulariopie textarea {
    color: #666; 
    background-color: #ddd;
}
#formulariopie .sup input{
    width: 179px;
}
#formulariopie .inf input{
    width: 108px;
}
#formulariopie textarea {
    width: 224px;
    height: 81px;
}
#formulariopie label, #formulariopie label a{color: #666;}
#formulariopie .submit{
    padding: 0 20px;
}
#formulariopie .check input{margin-top: 2px;}

#formulariopie .sup .input, #formulariopie .inf .input{margin-left: 20px;}
#formulariopie .sup .input:first-child, #formulariopie .inf .input:first-child{margin-left: 0;}

/*------------------------------footer----------------------------------------*/
#pie, #pie *{color: #fff;}
#pie{
    padding-top: 18px;
    height: 36px;
    background-color: #e66728;
    font-size: 1.1em;
    text-align: center;
}

@media screen and (max-width:979px) {
        #contenedor{padding-top: 169px !important;}
	header #logo, header #menu {width:100%;}
	header h1 {text-align: center;}
	header #menu {margin-top: 20px; margin-left: 0 !important;}
	header ul {position: relative; top:0; text-align: center;}
	#textohipotecas {font-size:.8em;}
	#textohipotecas h4 {font-size:1.5em;margin-bottom: 5px;line-height: 1em;}
	#capahipotecas {margin: 0;}
        #formulariocabecera .input input{width: 120px;}
        #formulariocabecera .check input{margin-top: 7px;}
        #formulariocabecera textarea {width: 210px;}
        #hazteagente{background-position: right 141px;}
        #formulariopie{width: 635px;}
        #formulariopie .sup input{width: 149px;}
        #formulariopie .inf input{width: 88px;}
        #formulariopie textarea {width: 217px;}
}

@media screen and (max-width:767px) {
        #contenedor{padding-top: 0 !important;}
        header{position: relative; z-index: initial; top: initial; width: auto;}
	#menu {font-size:.8em;}
	#menu ul li {margin:auto 1px;}
	#menu ul>li:first-child {display: block;margin: 5px auto;}
        #capaporque h3, #hazteagente h3, #hazteagente h4, #hazteagente p, #hazteagente ul, #hipotecas-de-bancos h3{margin-left: 20px; margin-right: 20px;}
        #sobrecredijet, #servicios-integrales h3, div.imagenes{padding-left: 20px; padding-right: 20px;}
	div.imagenes div {text-align: center;}
        #formulariocabecera form{padding-left: 20px; padding-right: 20px;}
        #formulariocabecera .first, #formulariocabecera .izq, #formulariocabecera .der, #formulariocabecera .sup, #formulariocabecera .inf, #formulariocabecera .input, #formulariocabecera .input input, #formulariocabecera textarea, #formulariocabecera .check{width: 100%;}
        #formulariocabecera .sup .input, #formulariocabecera .inf .input{margin-left: 0;}
        #formulariocabecera input, #formulariocabecera textarea{padding-left: 0; padding-right: 0;}
        #formulariocabecera .check{margin-bottom: 10px;}
        #formulariocabecera .submit{padding: 0;}
        #hazteagente{background: none;}
        #hazteagente p{width: auto;}
        #hazteagente ul{width: auto;}
        #formulariopie{width: 100%; border-left: 0; border-right: 0;}
        #formulariopie form{padding-left: 20px; padding-right: 20px;}
        #formulariopie .first, #formulariopie .izq, #formulariopie .der, #formulariopie .sup, #formulariopie .inf, #formulariopie .input, #formulariopie .input input, #formulariopie textarea, #formulariopie .check{width: 100%;}
        #formulariopie .sup .input, #formulariopie .inf .input{margin-left: 0;}
        #formulariopie input, #formulariopie textarea{padding-left: 0; padding-right: 0;}
        #formulariopie .check{margin-bottom: 10px;}
        #formulariopie .submit{padding: 0;}
}