/* fonts
------------------------------------------------------------------------------------------------------  */
@font-face {
	font-family: 'Arial';
	src: url('fonts/ARIAL.TTF') format('truetype');
}
@font-face {
	font-family: 'GothamBold';
	src: url('fonts/GothamBold.otf') format('opentype');
}
@font-face {
	font-family: 'GothamBook';
	src: url('fonts/GothamBook.otf') format('opentype');
}
@font-face {
	font-family: 'GothamLight';
	src: url('fonts/GothamLight.otf') format('opentype');
}
@font-face {
	font-family: 'GothamMedium_1';
	src: url('fonts/GothamMedium.otf') format('opentype');
}


/* body
------------------------------------------------------------------------------------------------------  */
body {
    margin: 0 auto;
    width: 100%;
    padding: 0px;
	font-size: 14px;
	font-family: 'GothamBook';
	line-height: 20px;
}


	/* row
	------------------------------------------------------------------------------------------------------  */
	.row{
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}

	/* cols
	------------------------------------------------------------------------------------------------------  */
	.col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	.col_90     { float: left; margin: 0px; padding: 0px; width: 90%; }
	.col_80     { float: left; margin: 0px; padding: 0px; width: 80%; }
	.col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	.col_70     { float: left; margin: 0px; padding: 0px; width: 70%; }
	.col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	.col_65     { float: left; margin: 0px; padding: 0px; width: 65%; }
	.col_60     { float: left; margin: 0px; padding: 0px; width: 60%; }
	.col_55     { float: left; margin: 0px; padding: 0px; width: 55%; }
	.col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	.col_45     { float: left; margin: 0px; padding: 0px; width: 45%; }
	.col_40     { float: left; margin: 0px; padding: 0px; width: 40%; }
	.col_35     { float: left; margin: 0px; padding: 0px; width: 35%; }
	.col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	.col_30     { float: left; margin: 0px; padding: 0px; width: 30%; }
	.col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	.col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }
	.col_10     { float: left; margin: 0px; padding: 0px; width: 10%; }


	/* contents
	------------------------------------------------------------------------------------------------------  */
	.content{
		margin: 0 auto;
		width: 95%;
	    max-width: 1120px;
	}


	/* h
	------------------------------------------------------------------------------------------------------  */
	h1{
		font-size: 60px;
		line-height: 60px;
		font-family: 'GothamBold';
		color:#282828;
	}
	h2{
		font-size: 19px;
		line-height: 24px;
		font-family: 'GothamBold';
		color:#282828;
	}
	h3{
		font-size: 26px;
		line-height: 26px;
	}



	/* tools
	------------------------------------------------------------------------------------------------------  */
	a {
		cursor:pointer;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;		
	}
	.text-center{
		text-align: center;
	}
	.text-white{
		color: #fff;
	}
	.link{
		color: #000;
		text-decoration: none;
	}
	.link:hover{
		color: #c00;
	}
	.link-azul{
		color: #1475f5;
	}
	.link-azul:hover{
		text-decoration: underline !important;
	}
	.btn{
		display: inline-block;
		color: #fff;
		background-color: #e75428;
		text-align: center;
		padding: 12px 15px;
		text-decoration: none;
		cursor:pointer;
		border-radius: 50px;
	}
	.btn:hover{
		opacity: 0.7;
	}
	.sombra{
		box-shadow: 0px 4px 10px #dddada;
	}
	.btn-azul{
		display: inline-block;
		color: #fff;
		font-family: 'GothamBold';
		text-align: center;
		padding: 16px 10px;
		width: 70%;
		font-size: 12px;
		line-height: 14px;
		text-decoration: none;
		cursor:pointer;
		border-radius: 50px;
		background: rgba(76,190,252,1);
		background: -moz-linear-gradient(left, rgba(76,190,252,1) 0%, rgba(20,118,245,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,190,252,1)), color-stop(100%, rgba(20,118,245,1)));
		background: -webkit-linear-gradient(left, rgba(76,190,252,1) 0%, rgba(20,118,245,1) 100%);
		background: -o-linear-gradient(left, rgba(76,190,252,1) 0%, rgba(20,118,245,1) 100%);
		background: -ms-linear-gradient(left, rgba(76,190,252,1) 0%, rgba(20,118,245,1) 100%);
		background: linear-gradient(to right, rgba(76,190,252,1) 0%, rgba(20,118,245,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cbefc', endColorstr='#1476f5', GradientType=1 );
	}
	.btn-azul:hover{
		opacity: 0.7;
	}
	.btn-azul .fina{
		display: inline-block;
		font-family: 'GothamLight';
	}
	.btn-naranja{
		display: inline-block;
		color: #fff;
		font-family: 'GothamBold';
		text-align: center;
		padding: 16px 10px !important;
		width: 70%;
		font-size: 11px;
		text-decoration: none;
		cursor:pointer;
		border-radius: 50px;

		background: rgba(247,179,116,1);
		background: -moz-linear-gradient(left, rgba(247,179,116,1) 0%, rgba(231,84,40,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,179,116,1)), color-stop(100%, rgba(231,84,40,1)));
		background: -webkit-linear-gradient(left, rgba(247,179,116,1) 0%, rgba(231,84,40,1) 100%);
		background: -o-linear-gradient(left, rgba(247,179,116,1) 0%, rgba(231,84,40,1) 100%);
		background: -ms-linear-gradient(left, rgba(247,179,116,1) 0%, rgba(231,84,40,1) 100%);
		background: linear-gradient(to right, rgba(247,179,116,1) 0%, rgba(231,84,40,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b374', endColorstr='#fd8524', GradientType=1 );
	}
	.btn-naranja:hover{
		opacity: 0.7;
	}	
        .btn-short {
                width: 30%;
        }
        .btn-mini{
		padding: 6px 20px 6px 20px !important;		
		width: auto;
		font-size: 11px;                
	}
	p{
		/*font-family: 'GothamBook';*/
	}
        
        .warning {
            border: 1px solid #c00 !important;
        }
        .msg-alerta {
            color: #c00 !important;
            padding: 20px;
            display: none;
        }
        .msg-confirm {
            color: #000 !important;
            padding: 20px;            
            display: none;            
        }
        .msg-confirm span {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-image: url('../img/success.gif');
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;  
            margin-right: 3px;               
        }
        .upper {
            text-transform: uppercase;
        }


	/* pull
	------------------------------------------------------------------------------------------------------  */
	#pull{
		display: none;
		float: left;
		margin-left: 45px;
		margin-top: 33px;
	}
	#pull img{
		width:20px;
	}
	#pull img:hover{
		opacity: 0.8;
	}



	/* header
	------------------------------------------------------------------------------------------------------  */
	#header{
		float: left;
		width: 100%;
		padding: 13px 0px;
		background-color: #282828;
	}
	#header #logo{
		float: left;
	}
	#header #logo img{
		width: 80px;
	}
	#header #menu-desktop{
		float: left;
		margin-left: 50px;
		text-align: left;
		margin-top: 34px;
	}
	#header #menu-desktop a{
		float: left;
		margin-right: 25px;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
	}
	#header #menu-desktop a span{
		float: right;
		margin-top: -1px;
		background-color: #1475f5;
		font-size: 10px;
		width: 18px;
		height: 14px;
		padding-top: 0px;
		margin-left: 5px;
		border-radius: 100%;
		color: #fff;
		text-align: center;
                padding-bottom: 4px;
	}
	#header #menu-desktop a:hover{
		color: #e75428;
	}
	#header .user{
		float: right;
		margin-top: 28px;
		margin-right: 25px;
	}
	#header .user span{
		float: right;
		margin-top: 5px;
		color: #e75428;
	}
	#header .user img{
		float: right;
		margin-left: 10px;
	}
	#header .user img{
		width: 30px;
	}
        #header .user img:hover{
		opacity: 0.8;
	}
	#header .tels{
		float: right;
		margin-top: 23px;
	}
	#header .tels .btn{
		float: left;  
                cursor: default;
	}
        #header .tels .btn:hover{
		opacity: 1;          
	}
	#header .tels .btn strong{
		font-family: 'GothamBold';
	}
	#header .tels .btn .separa-tels{
		display: inline-block;
		width: 10px;
	}
        
        #header .lang_selector {
                float: right;
                margin-top: 32px;
                margin-left: 20px;
        }
        #header .lang_selector select {
                padding: 4px 0px 4px 6px;
                border-radius: 25px;
                font-size: 12px;
        }

	/* menu-responsive
	------------------------------------------------------------------------------------------------------  */
	#menu-responsive{
		display: none;	
	}
	#menu-responsive{
		float: left;
		width: 100%;
		text-align: center;
		list-style: none;
		margin: 20px 0px;
	}
	#menu-responsive a{
		float: left;
		width: 100%;
		color: #fff;
		font-size: 15px;
		width:100%;
		padding:12px 0px;
		text-decoration: none;
	}
	#menu-responsive a span{
		display: inline-block;
		background-color: #1475f5;
		font-size: 12px;
		width: 18px;
		height: 15px;
		padding-top: 3px;
		margin-left: 5px;
		border-radius: 100%;
		color: #fff;
		text-align: center;
	}





	/* home
	------------------------------------------------------------------------------------------------------  */
	#home{
		float: left;
		width: 100%;
		padding: 13px 0px;
		background-image: url('../img/home_bg.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#home h1{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 160px;
	}
	#home span{
		display: inline-block;
		font-family: 'GothamBook';
		width: 100%;
		text-align: center;
		font-size: 25px;
		margin-bottom: 100px;
	}

	#home .pasos{
		display: inline-block;
		width: 100%;
	}
	#home .pasos .paso{
		float: left;
		width: 31.11%;
		margin: 0px 1.11%;
		background-color: #fff;
		border-radius: 25px;
		text-align: center;
		padding: 30px 0px;
	}
	#home .pasos .paso img{
		height: 55px;
		margin-top: 10px;
	}
	#home .pasos .paso h2{
		margin: 0px;
		margin-top: 20px;
		width: 100%;
		height: 50px;
	}
	#home .btn-azul .separa-tels{
		display: inline-block;
		width: 10px;
	}
	#home .pasos .paso p{
		display: inline-block;
		width: 75%;
		line-height: 18px;
		color: #555;
		min-height: 70px;
		font-size: 13px;
	}





	/* login
	------------------------------------------------------------------------------------------------------  */
	#login{
		float: left;
		width: 100%;
		padding: 130px 0px;
		padding-bottom: 20px;
		background-image: url('../img/home_bg.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#login h1{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 160px;
	}
	#login span{
		display: inline-block;
		font-family: 'GothamBook';
		width: 100%;
		text-align: center;
		font-size: 25px;
		margin-bottom: 100px;
	}

	#login .pasos{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#login .pasos .paso{
		display: inline-block;
		margin: 0 auto;
		width: 65%;
		margin: 0px 0px;
		background-color: #fff;
		border-radius: 25px;
		text-align: center;
		padding: 30px 0px;
		padding-top: 15px;
	}
	#login .pasos .paso img{
		height: 55px;
		margin-top: 10px;
	}
	#login .pasos .paso h2{
		margin: 0px;
		margin-top: 20px;
		width: 100%;
		height: 50px;
	}
	#login .btn-azul .separa-tels{
		display: inline-block;
		width: 10px;
	}
	#login .pasos .paso p{
		display: inline-block;
		width: 60%;
		line-height: 18px;
		color: #555;
		min-height: 110px;
		font-size: 13px;
		margin-top: -10px;
	}
	#login .pasos .no-cliente{
		float: left;
		width: 50%;
	}
	#login .pasos .si-cliente{
		float: left;
		width: 50%;
		border-left: 1px solid #efefef;
		margin-left: -1px;
	}
        #login.psw .pasos .si-cliente{
		width: 100%;		
	}
	#login .pasos .has-olvidado{
		display: inline-block;
		width: 100%;
		margin: 20px 0px;
		font-size: 12px;
		text-decoration: none;
	}
	#login .pasos .si-cliente form{
		float: none;
		margin: 0 auto;
		width: 70%;
		min-height: 110px;
		margin-top: -10px;

	}
	#login .pasos .si-cliente form input{
		width: 70%;
		padding: 15px 15%;
		margin-bottom: 10px;
	}
	#login .pasos .si-cliente .btn-azul{
		margin-top: 13px;
	}
	
	





	/* area-clientes
	------------------------------------------------------------------------------------------------------  */
	#area-clientes{
		float: left;
		width: 100%;
		padding: 80px 0px;
		padding-bottom: 10px;	
		background-image: url('../img/home_bg.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#area-clientes h1{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin: 0px;
	}
	#area-clientes span{
		display: inline-block;
		font-family: 'GothamBook';
		width: 100%;
		text-align: center;
		font-size: 25px;
		margin-bottom: 60px;
                margin-top: 20px;
	}
	#area-clientes .pasos{
		display: inline-block;
		width: 100%;
	}
	#area-clientes .pasos .paso{
		float: left;
		width: 31.11%;
		margin: 0px 1.11%;
		background-color: #fff;
		border-radius: 25px;
		text-align: center;
		padding: 30px 0px;
	}
	#area-clientes .pasos .paso img{
		height: 55px;
		margin-top: 10px;
	}
	#area-clientes .pasos .paso h2{
		margin: 0px;
		margin-top: 20px;
		width: 100%;
		margin-bottom: 5px;
	}
	#area-clientes .btn-azul .separa-tels{
		display: inline-block;
		width: 10px;
	}
	#area-clientes .pasos .paso p{
		display: inline-block;
		width: 75%;
		line-height: 14px;
		color: #555;
		font-size: 13px;
	}
	#area-clientes .control-alto{
		float: left;
		width: 100%;
		height: 315px;
	}
	#area-clientes .galeria{
		display: inline-block;
		width: 85%;
		margin-left: 3px;
		margin-top: 20px;
	}
	#area-clientes .galeria a{
		float: left;
		width: 31.33%;
		height: 85px;
		margin-bottom: 5px;
		margin-right: 2%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#area-clientes .galeria a:hover{
		opacity: 0.7;
	}
	#area-clientes .galeria .more{
		background-size: 25px;
		background-color: #f1f1f1;
	}
	#area-clientes .pasos .paso p span.tit{
		font-size: 12px;
		margin: 0px;
		color: #888;
	}
        #area-clientes .pasos .paso p span.tit.margin{
		margin-top: 30px;
	}
	#area-clientes .pasos .paso p span.text{
		font-size: 12px;
		margin: 0px;
		font-family: 'GothamBold';
		color: #000;
		padding-top: 10px;
	}
	#area-clientes .pasos .paso .text .num{
		margin-top: 0px;
		background-color: #1475f5;
		font-size: 10px;
		width: 14px;
		height: 10px;
		padding-top: 4px;
		margin-right: 4px;
		border-radius: 100%;
		color: #fff;
		text-align: center;
                margin-bottom: 30px;
	}





	/* documentos
	------------------------------------------------------------------------------------------------------  */
	#documentos{
		float: left;
		width: 100%;
		text-align: left;
		padding: 40px 0px;
		background-image: url('../img/back-gris.png');
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 400px;

		padding-bottom: 120px;
		margin-bottom: -120px;
		
	}
	#documentos h1{
		font-size: 26px;
		font-family: 'GothamLight';
		line-height: 34px;
	}
	#documentos .lista{	
		display: inline-block;	
		width: 80%;
		margin-top: 10px;
	}
	#documentos .lista .caption{		
		display: inline-block;	
		width: 90%;
		border-top: 1px solid #cbcbcb;
		color: #282828;
		text-decoration: none;
		padding: 24px 5%;
		font-family: 'GothamBook';
	}
	#documentos .lista .list-items{		
		display: inline-block;	
		width: 100%;
	}
	#documentos .lista .list-item-selected{
		background-color: #f5f5f5;		
	}
	#documentos .lista .list-items .item{		
		display: inline-block;	
		width: 86%;
		color: #282828;
		text-decoration: none;
		padding-left: 10%;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-right: 4%;
		line-height: 18px;
		font-family: 'GothamLight';		
	}
	#documentos .lista .list-items .item strong{
		font-family: 'GothamBold';		
	}
	#documentos .lista .list-items a .num{
		float: right;
		margin-top: -2px;
		background-color: #1475f5;
		font-size: 10px;
		width: 18px;
		height: 17px;
                padding-top: 1px;
		margin-right: 4px;
		border-radius: 100%;
		color: #fff;
		text-align: center;
		font-family: 'GothamBold';	
                margin-top: 0px;
	}

	#documentos .border-last{
		border-bottom: 1px solid #cbcbcb;
	}
	#documentos .si-active{
		background-image: url('../img/arrow_top.png');
		background-position: 95% center;
		background-repeat: no-repeat;
		background-size: 14px;
		font-family: 'GothamMedium_1' !important;
	}
	#documentos .no-active{
		background-image: url('../img/arrow_bottom_blue.png');
		background-position: 95% center;
		background-repeat: no-repeat;
		background-size: 14px;
	}
	#documentos a:hover{
		opacity: 0.7;
	}

	#div_contenido_doc{
		float: left;
		background-color:#fbfbfb;
		margin-top: -40px;
		padding-top: 50px;
		padding-bottom: 120px;
		margin-bottom: -120px;
                min-height: 500px;
	}
	#documentos .doc_item{
		float: right;
		width: 88%;
		font-family: 'GothamBook';
		line-height: 22px;
		margin-right: 1%;
	}
	#documentos .doc_item .tit{
		float: left;
		width: 90%;
		margin-left: 5px;
	}
	#documentos .doc_item .tit strong{
		font-family: 'GothamBold';
	}
	#documentos .doc_item .contenido{
		float: left;
		width: 95%;
		background-color: #f5f5f5;
		margin-top: 20px;
		border-radius: 30px;
		padding: 35px 35px;
		padding-right: 10px;
		box-shadow: 5px 5px 10px #eae9e9;
                margin-bottom: 30px;
	}
	#documentos .doc_item .contenido .content-scroll{
		float: left;
		width: 95%;
		height: 450px;
		overflow-x: hidden; 
		overflow-y: auto; 
		padding-right: 5%;
	}
	#documentos .doc_item .contenido .content-scroll .btn-azul{
		font-family: 'GothamBold';
		padding-top: 20px;
		margin-bottom: 20px;
	}
	#documentos .doc_list .con-paginacion{
		margin-top: -10px;
		width: 100%;
		border-bottom: 1px solid #cbcbcb;
		padding-bottom: 12px;
	}
	#documentos .doc_list .con-paginacion strong{
		display: inline-block;
		margin-top: 15px;
	}
	#documentos .con-paginacion .paginacion{
		float: right;
		padding: 10px;
		padding-left: 20px;
		padding-right: 5px;
		border-radius: 40px;
		padding-bottom: 5px;
		background-color: #f1f1f1;
		color: #b2b2b2;
	}
	#documentos .con-paginacion .paginacion .num{
		display: inline-block;
		color: #b2b2b2;
		text-decoration: none;
	}
	#documentos .con-paginacion .paginacion .flecha{
		display: inline-block;
		margin: 0px 15px;
		margin-top: 5px;
	}
	#documentos .con-paginacion .paginacion .flecha img{
		width: 6px;
	}
	#documentos .listado{
		display: inline-block;
		width: 100%;
		margin-top: 10px;
	}
	#documentos .listado .item-listado{
		display: inline-block;
		width: 100%;
		margin-left: 3px;
		border-bottom: 1px solid #cbcbcb;
		padding: 18px 0px;
		line-height: 22px;
	}
	#documentos .listado .item-listado .nombre{
		float: left;
		width: 74%;
		margin-left: 2px;
		font-family: 'GothamBold';
		text-decoration: none;
		color: #000;
	}
	#documentos .listado .item-listado .descripcion{
		float: right;
		width: 25%;
                text-align: right;
	}
        
        #documentos .listado .item-listado.fac .nombre{
		width: 58%;		
	}
        #documentos .listado .item-listado.fac .descripcion{
		width: 25%;		
	}
        #documentos .listado .item-listado.fac .importe{
		width: 15%;		
                float: right;
	}
        #documentos .listado .item-listado .foto{
		float: left;
		width: 125px;
                height: 75px;
		border: 1px solid #bbb;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
	}
        #documentos .listado .item-listado .btn-mini{
		margin-top: 20px;                
	}

	
        #documentos .doc_item .form{
		float: left;
		width: 90%;
		margin-left: 5px;
                margin-bottom: 75px;
	}
        
        #documentos .doc_item .form .btn-naranja{
		float: left;
                clear: both;
                width: 240px;
                padding: 20px 0px;
                font-size: 14px;
                margin-top: 20px;
	}
        #documentos .doc_item .form .btn-azul{
		float: right;                
                width: 240px;
                padding: 20px 0px 20px 0px;
                font-size: 14px;   
                margin-top: 20px;
	}
        
        #documentos .doc_item .form .alerts{
		float: left;
		width: 100%;
                margin-top: 10px;
	}
        
        #documentos .doc_item .foto img{
		/*max-width: 350px;
                max-height: 250px;*/
                width: 100%;
                margin-top: 30px;
	}
        
        .alerts{
		float: left;
		width: 100%;
                margin-top: 10px;
	}
        
        #documentos .doc_list .alerts{
		background-color: #fff;
                border-radius: 50px;
                margin-bottom: 30px;
                text-align: center;
                font-weight: 600;
	}

        
        


	/* formulario
	------------------------------------------------------------------------------------------------------  */
	#formulario{
		float: left;
		width: 100%;
		text-align: left;
		background-color: #f5f5f5;
		color: #808080;
		padding: 60px 0px;
		margin-top: 80px;
	}
	#formulario p{
		width: 70%;
		color: #444;
		line-height: 20px;
	}
	#formulario .destacado{
		display: inline-block;
		width: 65%;
		margin-top: 30px;
		color: #e75428;
		font-size: 20px;
		line-height: 24px;
	}
	#formulario .btn-naranja{
		float: left;
		clear: both;
		width: 240px;
		padding: 20px 0px;
		font-size: 14px;
		margin-top: 20px;
	}








	/* form
	------------------------------------------------------------------------------------------------------  */
	form{
		float: left;
		width: 100%;
	}
	form input, form textarea, form select{
		float: left;
		width: 90%;
		padding: 19px 5%;
		font-size: 13px;
		font-weight: 300;
		border: 0px;
		border-radius: 40px;
		outline: none;
		box-shadow: 3px 3px 5px #ece9e9;
		background: rgba(245,245,245,1);
		background: -moz-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(251,251,251,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(251,251,251,1)));
		background: -webkit-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(251,251,251,1) 100%);
		background: -o-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(251,251,251,1) 100%);
		background: -ms-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(251,251,251,1) 100%);
		background: linear-gradient(to right, rgba(245,245,245,1) 0%, rgba(251,251,251,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fbfbfb', GradientType=1 );
                font-family: Arial;	
	}
        form select {
                width: 100%;
                color: #555;                
        }   
	form .shadow-sup{
		float: left;
		width: 100%;
		margin-top: 20px;
		font-size: 15px;
		font-weight: 300;
		border: 0px;
		border-radius: 40px;
		box-shadow: -3px -3px 5px #fff;

	}
	form .loschecks{
		float: left;
		width: 100%;
		padding: 20px 0px;
	}
	form .loschecks #lopd{
		margin-top: 4px;
	}			
	.recaptcha{
		float:left;
		margin-top: 20px;
		width: 250px;
		height: 65px;
		background-color: #fff;
	}	  
	.obligatorios{
		float: left;
		width: 80%;
		margin-top: -20px;
		opacity: 0.4;
		margin-left: 8px;
	}
	.msgs_form{
		float:left; 
		clear:both; 
		display: none; 
		text-align:left; 
		margin-top:5px; 
		color:#fff; 
		padding:5px 10px; 
		background-color:#c00;
		font-size: 13px;
		font-weight: 300;
	}		  
	.msgs_send{
		float:left; 
		clear: left; 
		width: auto; 
		display: none; 
		margin-top: 5px;
		font-size:15px;
		background-color: #5cac20;
		color: #fff;
		padding: 10px 10px;
		text-transform: uppercase;
		font-weight: 700;
	}
		  


	/* footer
	------------------------------------------------------------------------------------------------------  */
	#footer{
		float: left;
		width: 100%;
		text-align: left;
		background-color: #282828;
		color: #fff;
		padding: 45px 0px;
		line-height: 20px;
	}
	#footer img{
		max-width:120px;
		margin-top: 40px;
	}
	#footer p{
		width: 70%;
	}
	#footer span{
		font-family: 'GothamBold';
	}
	#footer .link{
		color: #e75428;
		font-family: 'GothamBold';
	}
	#footer .link:hover{
		text-decoration: underline;
	}



	/* copy
	------------------------------------------------------------------------------------------------------  */
	#copy{
		float: left;
		width: 100%;
		text-align: center;
		background-color: #3a3a3a;
		color: #808080;
		padding: 25px 0px;
	}
	#copy .link{
		color: #cbcbcb;
		margin-right: 20px;
	}
	#copy .link:hover{
		text-decoration: underline;
	}
        
        
        
        
        /* legal
	------------------------------------------------------------------------------------------------------  */

	#legal {
            
        }
        #legal h1 {
                font-size: 26px;
		font-family: 'GothamLight';
		line-height: 34px;
                margin-top: 50px;
        }
        #legal h3 {
                font-size: 20px;		
        }
	




	/* responsive
	------------------------------------------------------------------------------------------------------  */

	@media only screen and (max-width: 1150px) {
	
		h1{
			font-size: 40px;
			line-height: 40px;
		}
		h2{
			font-size: 18px;
			line-height: 20px;
		}
		h3{
			font-size: 18px;
			line-height: 18px;
		}
		#menu-desktop{
			display: none;
		}
		#pull{
			display: inline-block;
		}
		#div_logo{
			width: 30%;
		}
		#div_user{
			width: 70%;
		}
	}



	@media only screen and (max-width: 1040px) {

		#documentos .col_30{
			width: 100%;
		}
		#documentos .col_70{
			width: 100%;
		}
		#documentos .lista{	
			width: 100%;
			margin-bottom: 60px;
		}
		#documentos .doc_item{
			float: left;
			width: 88%;
			line-height: 22px;
			margin-right: 5%;
			margin-left: 5%;
		}

		
	}

	@media only screen and (max-width: 970px) {

		#login .pasos .paso{
			width: 100%;
		}

	}


	@media only screen and (max-width: 940px) {

		#home .btn-azul .separa-tels{
			width: 100%;
		}
		#area-clientes .pasos .paso{
			width: 48%;
			margin: 0px 1%;
		}
		#paso-galeria{
			width: 98% !important;
			margin-top: 20px !important;
		}

	}



	@media only screen and (max-width: 830px) {
	
		#header .tels .btn{
			float: left;
		}
		#header .tels{
			margin: 0px;
			margin-top: 25px;
			width: 165px;
		}
		#header .tels .btn{
			line-height: 6px;
			padding-top: 15px;
		}
		#header .tels .btn .separa-tels{
			width: 100%;
			margin: 0px;
			height: 1px;
		}
		#footer .col_40, #footer .col_30{
			width: 100%;
			margin-bottom: 50px;
		}
		#footer p{
			width: 100%;
		}
			
	}


	@media only screen and (max-width: 750px) {

		#documentos .listado .item-listado .nombre{
			width: 90%;
		}
		#documentos .listado .item-listado .descripcion{
			width: 90%;
		}

	}



	@media only screen and (max-width: 700px) {

		#formulario .col_40, #formulario .col_60{
			width: 100%;
		}
	
		#copy a{
			float: left;
			width: 100%;
			margin-bottom: 10px;
		}
		#copy .link{
			margin-right: 0px;
		}
		#home .pasos .paso{
			width: 100%;
			margin: 0px 0px;
			padding: 30px 0px;
			margin-bottom: 30px;
		}
		#home .pasos .paso h2{
			height: auto;
		}
		#home .pasos .paso p{
			width: 80%;
			min-height: auto;
		}	
		
	}


	@media only screen and (max-width: 670px) {

		#area-clientes .pasos .paso{
			width: 100%;
			margin: 0px 0px;
			margin-top: 20px !important;
		}
		#paso-galeria{
			width: 100% !important;
			margin-top: 20px !important;
		}
		#area-clientes .control-alto{
			height: auto;
			margin-bottom: 30px;
		}
	
	}


	@media only screen and (max-width: 640px) {

		#header .user{
			float: right;
			width: 100%;
			text-align: right;
			margin-top: 15px;
			margin-right: 0px;
		}
		#div_logo{
			width: 50%;
		}
		#div_user{
			width: 50%;
		}
		#login .pasos .no-cliente{
			width: 100%;
			margin-bottom: 50px;
		}
		#login .pasos .si-cliente{
			width: 100%;
			border-left: 0px;
			margin-left: 0px;
		}

		#login .pasos .paso p{
			width: 60%;
			min-height: auto;
		}
		#login .pasos .si-cliente form{
			width: 70%;
			min-height: auto;
	
		}
			

	}