@font-face {
    font-family: 'coloplastreg'; /*a name to be used later*/
    src: url('../fonts/Coloplast_Regular.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'coloplastbold'; /*a name to be used later*/
    src: url('../fonts/Coloplast_Bold.ttf'); /*URL to font*/
}

html,body{
    margin:0px;
    padding:0px;
    font-family:'coloplastbold' !important;
}

.tam-80{
    width:80%;
}

.tam-50{
    width:50%;;
}

.centrado{
    text-align:center;
}

.mtop-20{
    margin-top:20px;
}

.mtop-50{
    margin-top:50px;
}

.mtop-100{
    margin-top:100px;
}

.verde{
    color:#1F9932;
}
.verde-claro{
    color:#79B51C;
}

.verde-oscuro{
    color:#123F2E;
}

.bold{
    font-weight:900;
}

.centrador{
    margin:0 auto;
}

.fila{
    float:left;
}

.filaright{
    float:right;
}

.fright{
    float:right;
}


.p-0{
    padding:0px;
}

.ptop-10{
    padding-top: 10px;
}

.ptop-40{
    padding-top: 40px;
}

.mtop-40{
    margin-top:40px;
}

#menu{
    float:left;
    width:100%;
    background-color:white;
    border-bottom:2px solid #3A913F;
}

.logos-menu{
    float:left;
   text-align:center;
}

.logos-menu img{
    margin-top:60px;
    width:70%;
}

.enlaces-menu{
    float:left;
    
}



.enlaces-menu ul{
    float:left;
   display:block;
    padding-left:0px;
}

.enlaces-menu li{
    
    display:block;
    list-style: none;
    padding-top:60px;
    margin-left:20px;
    
}

.enlaces-menu li:hover{
    
}

.enlaces-menu li:hover{
    /*border-top:2px solid #FF7F41;*/
}

.enlaces-menu li a{
    color:#707070;
    
    padding:2px;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
}

.enlaces-menu li a:hover{
    
    color:#25BDCF;
    text-decoration:underline;
}

.enlaces-menu li img{
    width:15px;
    vertical-align: middle;
}

#login{
    float:left;
    width:100%;
    height:100%;
}
#parte-login{
    width:100%;
    float:left;
    background-color:#00B0CA;
    background:url(../img/fondo-login.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
}
.cuadro-login{
    float:left;
    
    padding-top:30px;
    padding-bottom:30px;
   
}

#parte-login h4{
    font-size:26px;
    margin-bottom:20px;
    color:#154734;
    float:left;
    margin-left:120px;
    margin-top:30px;
}

#parte-login h2{
    text-align:center;
    color:#00B0CA;
    margin-top:40px;
    font-size:40px;
    font-family: 'coloplastbold';
    
}

#login-frase{
    float:left;
    width:100%;
}

#login-usuario{
    float:left;
}

#cabecera-login{
    
    width:100%;
    float:left;
    text-align:left;
     
}

#cabecera-login img{
    width:60%;
}

#login-usuario h4{
    font-size:16px;
    margin-bottom:20px;
    color:#154734;
    float:left;
    margin-left:0px;
    margin-top:0px;
    text-align:center;
}

#login-usuario label{
    width:100%;
    text-align:left;
    color:#6F6C6C;
    font-weight:800;
    margin-top:10px;
    font-family: 'coloplastbold';
    font-size:22px;
}

#login-usuario input[type="text"],#login-usuario input[type="password"]{
    width:80%;
    height:40px;
    margin-bottom:10px;
    background-color:transparent;
    border:0px;
    background-color:white;
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;10px 10px 10px 10px;5px 5px 5px 5px;
border: 0px solid #000000;
}


#login-usuario .olvido_pass{
    color:#707070;
    text-decoration:underline;
    padding-top:10px;
    padding-bottom:20px;
}

#login-usuario input[type="submit"]{
    
    background-color:#1F9932;
    border:0px;
    color:white;
    padding:10px 30px 10px 30px;
    border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
border: 0px solid #000000;
}

#login-usuario button{
    
    background-color:#1F9932;
    border:0px;
    color:white;
    padding:10px 30px 10px 30px;
    border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
border: 0px solid #000000;
}

#login-usuario input[type="submit"]:hover{
    background-color:rgba(95, 164, 159, 0.5);
}

.backnegro{
    
}

#contratos{
    float:left;
    width:100%;
}

#contenedor-contratos{
    float:left;
    width:100%;
}


.parte-izq{
    float:left;
    border-right: 1px solid rgba(21, 71, 52, 1);
    margin-top:50px;
    padding-bottom:50px;
}

.parte-izq h4{
    color:rgba(21, 71, 52, 1);
    
    
}

.menu-izq{
    float:left;
    
}

.menu-izq h4{
    color:rgba(21, 71, 52, 1);
    
    
}

.itemmenuizq{
    float:left;
    margin-top:100px;
}

.itemmenuizq .icono{
    text-align:center;
    float:left;
}

.itemmenuizq .textomenu{
    float:left;
}

.itemmenuizq .textomenu p{
    color:white;
    background-color: rgba(21, 71, 52, 1);
    border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 0px solid #000000;
    text-align:center;
    padding-top:2px;
    padding-bottom:2px;
    margin-top:30px;
}

.itemmenuizq .textomenu.deselec p{
    background-color:white;
    border:1px solid rgba(21, 71, 52, 1);
    color:rgba(21, 71, 52, 1);
}

.parte-der{
    float:left;
}

.nuevodoc{
    float:left;
    text-align:center;
    margin-top: 70px;
    color:#3A913F;
}

.formnuevodoc{
    float:left;
    margin-top:60px;
}

.formnuevodoc .fila{
    margin-top:30px;
}

.formnuevodoc .etiquetaform{
    float:left;
    text-align:right;
}

.formnuevodoc .campoform{
    float:left;
}

.formnuevodoc label{
    color:rgba(21, 71, 52, 1);
    
}

.formnuevodoc input[type="text"]{
    width:100%;
    float:left;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #000000;
    
}

.formnuevodoc input[name="fecha"]{
    width:50%;
    float:left;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #000000;
}

.formnuevodoc select{
    width:100%;
    float:left;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #000000;
}

.formnuevodoc textarea{
    width:100%;
    float:left;
}

.botonguardar{
    width:150px;
    float:right;
    margin-right:30px;
    background-color:#3A913F;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
}

.botonguardar.disabled{
    background-color:rgba(0, 0, 0, 0.2);
}

.botonguardar p{
    color:white;
    text-align:center;
    margin-top:3px;
    margin-bottom:3px;
}

.botonenviar{
    width:150px;
    float:right;
    
    background-color:#3A913F;
    color:white;
    border:0px;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
}

.botonenviar[disabled]{
    background-color:rgba(0, 0, 0, 0.2);
}

.tablapeticiones th{
    color: #154734;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}

.tablapeticiones td{
    color:rgba(0, 0, 0, 0.6);
    text-align:center;
    padding-bottom:25px;
}

.buscador{
    margin-top:15px;
}
.buscador  input[type="text"],.buscador  select{
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #000000;
    height:40px;
    width:300px;
}

.desa{
    background-color:rgba(58, 145, 63, 0.5);
}

.contenedorglobal{
    float:left;
}

.menulateral{
    float:left;
}

.contenidoprincipal{
    float:left;
    background-color:white;
    margin-top:10px;
}

.cabecerauser{
    float:left;
    box-shadow: 0px 3px 6px #00000029;
}

.barrapagina{
    float:left;
    background:url(../img/fondo-cabecera.png); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.barrapagina h2{
    color:white;
    padding-top:40px;
    padding-bottom:40px; 
    padding-left:50px;
    font-size:25px;
}

.opcionesindex{
    float:left;
    margin-top:150px;
   
}

.opcionesindex img{
    max-width:200px;
    margin-top:50px;
}

.footer{
    float:left;
    color:#9E9DA0;
    text-align:center;
    font-size:12px;
    margin-top:100px;
    
}

.nombrepag{
    float:left;
}

.enlaces{
    float:left;
    padding-top:50px;
    text-align:center;
}

.enlaces a{
    padding:10px;
    background-color:white;
    color: #00B0CA;
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
    margin-left:20px;
}

.opcionesbusqueda{
    float:left;
    margin-top:20px;
}

.opcionesbusqueda input[type="text"]{
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #79B51C;
    margin-left:40px;
    
}

.opcionesbusqueda input[type="submit"]{

    margin-left:0px;
    
}

.opcionesbusqueda select{
    margin-left:40px;
}

.tabladatos{
    float:left;
    margin-top:0px;
    padding:50px;
    padding-left:50px !important;
    padding-right:50px !important;
}

.tabladatos table{
    
}

.tabladatos th{
    color:#1F9932;
    border: 1px solid white;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
}

.tabladatos th.primera{
    border-radius: 10px 0px 0px 0px;
-moz-border-radius: 10px 0px 0px 0px;
-webkit-border-radius: 10px 0px 0px 0px;
border: 1px solid white;
}

.tabladatos th.ultima{
    border-radius: 0px 10px 0px 0px;
-moz-border-radius: 0px 10px 0px 0px;
-webkit-border-radius: 0px 10px 0px 0px;
border: 1px solid white;
}

.tabladatos tr.trazul td{
    background-color:#9DDAE4;
    color:#6C6F70;
    border: 1px solid white;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
}

.tabladatos tr td{
   color:#707070;
    border-right:1px solid #58585A;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
}



.opcionesgenerales{
    float:left;
    margin-top:40px;
    padding-left:50px !important;
    padding-right:50px !important;
}

.opcionesgenerales .volver{
    float:left;
}

.opcionesgenerales .anadiruser{
    float:right;
}

.opcionesgenerales a{
    background-color: #00B0CA;
    color:white;
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
    padding:10px;
}

.opcionesgenerales input[type="submit"]{
     background-color: #00B0CA;
    color:white;
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
    padding:10px;
}

.segundacabecera{
    float:left;
    margin-top:-100px;
    text-align:center;
}

.segundacabecera img{
    width:70%;
}

.opcionesform{
    float:left;
    margin-top:50px;
    
}

.opcionesform label{
    width:100%;
    float:left;
    color:#1F9932;
    font-weight:bold;
    margin-bottom:20px;
   
}

.opcionesform input{
    width:80%;
    float:left;
    border:0px;
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;

    background-color:white;
    height:40px;
    margin-bottom:50px;
    padding-left:20px;
    border: 0.5px solid #707070;

}

.opcionesform select{
    margin-bottom:50px;
}

.bannercontenedor{
    float:left;
}

.bannercontenedor img{
    width:100%;
}

.crearoferta a{
    font-size:30px;
}

.crearoferta a:hover{
    color:#79B51C;
    text-decoration:none;
}

.crearoferta a:hover span{
    font-size:35px;
    
}

.tituloseccion{
    float:left;
}

.tituloseccion h1{
    margin-top:40px;
    margin-bottom:40px;
}

.sectionform h3{
    font-size:20px;
    font-weight:bolder;
}

.contentfrom{
    float:left;
}

.cabecerasection{
    float:left;
    border-bottom: 0px solid #79B51C;
    padding-bottom:20px;
    margin-bottom:40px;
    cursor: pointer;
}

.contentsection input{
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #707070;
    height:40px;
}

.contentsection select{
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #707070;
    height:40px;
}

.sectionform{
    float:left;
    margin-top:40px;
}

.contentsection label{
    font-family: 'coloplastbold';
    font-weight:bolder;
}

.baremoind:hover{
    background-color:beige;
}


@media (min-width: 1800px) {
	.campoin{
		text-align:center;
  		margin-left:-8%;
	}
  
}

@media (min-width: 2000px) {
	.campoin{
		text-align:center;
  		margin-left:-10%;
	}
  
}

@media (min-width: 1500px) {
	.campoin{
		text-align:center;
  		margin-left:-6%;
	}
	
	.letrasgrandes{
		font-size:1.4rem
	}
  
}
@media (max-width: 1490px) {
	.campoin{
		text-align:center;
  		margin-left:-10%;
	}
	.letrasgrandes{
		font-size:1.4rem
	}
}

@media (max-width: 1200px) {
	.campoin{
		text-align:center;
  		margin-left:0%;
	}
	
	.labelmov{
		text-align:center;
  		margin-left:0%;
		width:100%;
	}
	.letrasgrandes{
		font-size:1rem
	}
}