/* ------------------------------------- General -----------------------------------*/

body {
	margin: 0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 80%;
	color:#4d4e53;
	background-color:#FFF;
	}

img{border:0px;}

acronym {cursor: help; text-decoration:underline;}

/******** Clases tabla tarifas********/
.celda_1 {
color: #34a1bf;
background-color:#edebe7;
padding:2px 0px 2px 0px;
text-align:center;
font-size:12px;
	}

.celda_2 {
color: #f8f8f7;
background-color:#f8f8f7;
padding:2px 0px 2px 0px;
text-align:center;
font-size:12px;
	}

.celda_3 {
color: #000;
background-color:#edebe7;
padding:8px 0px 8px 0px;
text-align:center;
font-size:12px;
font-weight:bold;
	}

.celda_4 {
color: #8c9e3e;
background-color:#edebe7;
padding:2px 0px 2px 0px;
text-align:center;
font-size:12px;
	}
	
.celda_5 {
color: #7c7b7b;
background-color:#edebe7;
padding:2px 0px 2px 0px;
text-align:center;
font-size:12px;
	}
	
.celda_6 {
color: #959595;
background-color:#edebe7;
padding:2px 0px 2px 0px;
text-align:center;
font-size:9px;
	}
	
	
/* ----------------- Enlaces ------------*/
a {
	color: #28a3dc;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;	
}

/* ------------------- Formularios -------------------*/

input {
    background-color: #fff;
    padding: 6px;
    cursor: pointer;
    background-position: 95px 8px;
    background-repeat: no-repeat;
    border-radius: 5px;
    border: #c9c9c9 solid 1px;
    box-sizing: border-box;
    -moz-box-shadow: inset 0 2px 5px -2px #ddd;
    -webkit-box-shadow: inset 0 2px 5px -2px #ddd;
    box-shadow: inset 0 2px 5px -2px #ddd;
}

textarea {
	width: 90%;
    background-color: #fff;
    padding: 8px;
    cursor: pointer;
    background-position: 95px 8px;
    background-repeat: no-repeat;
    border-radius: 5px;
    border: #e4e7e9 solid 1px;
    box-sizing: border-box;
    -moz-box-shadow: inset 0 2px 5px -2px #ddd;
    -webkit-box-shadow: inset 0 2px 5px -2px #ddd;
    box-shadow: inset 0 2px 5px -2px #ddd;
}

select {
    width: 237px;
    background-color: #fff;
    padding: 8px;
    cursor: pointer;
    background-position: 95px 8px;
    background-repeat: no-repeat;
    border-radius: 5px;
    border: #c9c9c9 solid 1px;
    box-sizing: border-box;
    -moz-box-shadow: inset 0 2px 5px -2px #ddd;
    -webkit-box-shadow: inset 0 2px 5px -2px #ddd;
    box-shadow: inset 0 2px 5px -2px #ddd;
}

.botontxt{
	padding-left:3px;
	background-color: #CCCCCC;
	cursor: pointer;
	border: none;
	padding: 10px;
	}
	
.botontxt:hover{
	color: #fff;
	background-color: #28a3dc;
	}
	
.disabled {background-color:#eeeeee;}




/* ----------- Encabezados y parrafo -------------*/
h1 {
	display:none;
	}

h2 {
	font-weight:bold;
	font-size:100%;
	padding:4px 8px;
	background-color: #9ed6f0;
	color:#ffffff;
	margin:0px 0px 0px 0px;
	clear:both;
	text-transform: uppercase;
	}
	
h3 {
	font-size:99%;
	padding:4px 8px;
	margin:10px 0px 10px 0px;
	background-color:#f1f1f1;
	color:#555555;
	clear:both;
	text-transform: uppercase;
	box-sizing: border-box;
}

h4 {
	color: #383c46;
	font-size:100%;
	padding:2px 8px;
	margin:10px 0px 10px 0px;
	border-left:3px solid #28a3dc;
	clear:both;
	text-transform: uppercase
}

h5 {
	color:#555555;
	font-size:100%;
	padding:0px 5px;
	margin:0px;
}

p	{
	margin:0px;
	padding:5px 0px;
	}


/* ------------------------------------- Capas principales -----------------------------------*/
#contenedor{
	width:100%;
	margin:0px auto;
	padding:0px;
	background-color: #ffffff;
}

#top{
	width:100%;
	padding:10px 0px 10px 20px;
	margin-bottom: 1px;
	background-color: #f4f7f8;
	text-align: left;
	box-sizing: border-box;
	float: left;
}

#cabecera{
	width:100%;
	padding:0px 0px 0px 60px;
	margin-bottom: 1px;
	background-color: #e5e9ec;
	text-align: left;
	box-sizing: border-box;
	float: left;
}

#cabecera .logo{
	float: left;
}

#cabecera .welcome{
	height: 150px;
	float: left;
	color: #4e4f54;
	font-size: 1.5em;
	font-weight: 700;
	padding-left: 50px;
	padding-top: 50px;
	text-transform: uppercase;
	box-sizing: border-box;
	text-align: center;
	line-height: 18px;
}

#cabecera .welcome span{
	color: #b7b7b7;
}

#cabecera .we{
	padding-top: 30px;
	float: right;
	padding-right: 50px;
}

#cabecera .we img{
	width: 150px;
}

#menu{
	clear:both;
	float:right;
	margin:105px 20px 0px 0px;
	padding:0px 0px 0px 0px;
}

#contenido{
	width: 100%;
	clear:both;
	padding:0px;
	margin: 30px 0px 0px 0px;
	background-color:#FFFFFF;
	box-sizing: border-box;
}

#ruta{
	margin:0px 0px 10px 0px;
	padding: 3px 0px 3px 0px;
	background-color: #f4f7f8;
	border-bottom:1px solid #e0e0db;
	font-weight: 700;
	text-transform: uppercase;
	}

#principal{
	width:75%;
	float:left;
	padding:0px 0px 0px 10px;
	margin:0px 0px 20px 0px;
	box-sizing: border-box;
}

#lateral{
	float:left;
	width:25%;
	padding: 0px 0px 0px 0px;
	margin:0px;
	box-sizing: border-box;
}


#pie{
	width: 100%;
	clear:both;
	padding:10px 0px 10px 20px;
	margin:1px 0px 10px 0px;
	font-size:90%;
	box-sizing: border-box;
	background-color: #f4f7f8;
}

.lineaseparadora {
	width: 600px;
	height: 1;
	float: left;
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px dotted #908d8d;
}


/* ------------------------------------ clases -----------------------------------*/

.fotoparrafomarco {
	float: left;
	padding: 2px;
	margin: 5px 10px 10px 0px;
	border:1px solid #e0e0db;
}
.fotoparrafo {
	float: left;
	padding: 2px;
	margin: 5px 10px 10px 0px;
}

.separador {
	clear:both;
	margin:0px;
	padding:0px;
	}

.fotomarco {
	padding: 2px;
	margin: 5px 0px 0px 0px;
	border:1px solid #e0e0db;
	}
.fecha {font-size:90%; color:#666666; text-align: left;}


.mini{font-size:90%;}
.gris{color:#666;}
.rojo{color:#cc0000;}

.pdf{
	background-image:url(/img/ico_pdf.gif);
	background-repeat:no-repeat;
	margin:5px;
	padding:5px 0px 5px 25px;
}

.rd{background-color: #ff0000;color: #ffffff;}

.volver{clear:both; font-size:0.9em; margin:0px 0px 0px 10px;}


.seccion {
	padding: 0px;
	margin: 0px;
	color:#F00;
	}

/* ------------------------------------- Listas -----------------------------------*/

/* ----------------- general -----------------*/
ol{
	margin:0px;
	padding:0px;
}
ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
li{
	margin:0px;
	padding:0px;
}

/* ---------------- lista del menu  -------------------- */


#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#menu li a{
	float: left;
	padding:5px 5px;
	margin:0px 1px;
	background-color:#4d5457;
	color:#FFFFFF;
}	

#menu li a:hover {
background-color:#5a5e67;
text-decoration:none;

}	



/* ----------------- menu lat----------------*/
.submenu ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.submenu li {
	width: 100%;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	
}
.submenu li a{
	width: 100%;
	border-top:1px solid #fff;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:23px 12px;
	padding: 3px 0px 3px 30px;
	display:inline;
	text-decoration: none;
	background-color:#e5e9ec;
	font-size: 1.3em;
	box-sizing: border-box;
	float: left;	
}
.submenu a:hover {
	text-decoration: none;
	background-color:#ffffff;
}
.categoria{
	padding: 3px 0px 3px 0px;
	color:#c0c0c0;
	background-color:#f4f7f8;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	}


/* ----------------- ruta ------------------*/
#ruta ul{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
	display:inline;
}
#ruta li {
	display:inline;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding: 0px 0px 0px 10px;
}
#ruta li a{
	display:inline;
	text-decoration: none;
}
#ruta a:hover {
	text-decoration: underline;
}

/* ----------- leyenda acciones dinamicas ------------*/
#leyenda{
	width: 100%;
	clear:both;
	margin: 0px 0px;
	padding: 15px 5px 15px 5px;
	background-color:#f1f1f1;
	font-size:90%;
	text-align:center;
	box-sizing: border-box;
	float: left;
}

/* ----------- paginacion ------------*/
.admin_paginacion{
	width: 99%;
	clear:both;
	border:1px solid #CCCCCC;
	margin:10px 0px;
	padding:5px 5px;
	font-weight: 700;
	text-transform: uppercase;
	box-sizing: border-box;
}
	
/* ------------- clases para listas ------------*/
.admin_lista ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.admin_lista li {
	clear:both;
	margin: 5px 0px 5px 0px;
	text-decoration: none;
	padding: 10px;
	border-top:1px solid #dddddd;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position: 0px 15px;
}

.admin_lista li.red{
	color:#ff0000;
	padding-bottom: 5px;
	background-image: none;
}

.admin_lista li a{
	text-decoration: underline;
}
.admin_lista a:hover {
	color: #000;
	text-decoration: underline
;}
	
.admin_titulares{width: 80%; float:left; margin:0px 0px 5px 0px;}
.admin_botones{width: 20%; text-align: right;  float:right; font-size:90%;}	
.admin_botones_lineas{width: 20%; text-align: left;  float:left; font-size:90%; margin-top: 20px;}	


	
/* ----------- botones gestion -------------*/
.bt_insertar{color:#fff; background-color: #28a3dc; padding:10px; font-family: 'Open Sans', sans-serif; text-decoration:none; float: left; border-radius: 5px; text-transform: uppercase; font-weight: 700;}
.bt_insertar:hover{color:#fff; background-color: #000; text-decoration:none;}

.bt_volver{color:#fff; background-color: #767676; margin-top: 5px; padding:5px; font-family: 'Open Sans', sans-serif; text-decoration:none; float: left; border-radius: 5px; text-transform: uppercase; }
.bt_volver:hover{color:#fff; background-color: #353636; text-decoration:none;}

.bt_modificar{ color:#ed9f23; padding:2px 5px; text-decoration:none;}
.bt_modificar:hover{ color:#000; text-decoration:none;}

.bt_eliminar{color:#cd0c21; padding:5px; text-decoration:none;}
.bt_eliminar:hover{color:#000; text-decoration:none;}

.bt_gestionar{color:#28a3dc; padding:2px 5px; text-decoration:none;}
.bt_gestionar:hover{color:#000; text-decoration:none; text-decoration:none;}

.bt_gestionar_doc{color:#9c9c9c; padding:2px 5px; text-decoration:none;}
.bt_gestionar_doc:hover{color:#000; text-decoration:none; text-decoration:none;}

.bt_ocultar{cursor: pointer; }
/*.bt_ucultar:hover{color:#000; text-decoration:none; text-decoration:none;}*/

	
/* ------------- clases para listas ------------*/
.listadocs ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listadocs li {
	clear:both;
	margin: 5px 0px 0px 0px;
	text-decoration: none;
	background-image: url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding: 5px 0px 5px 10px;
	border-top:1px solid #dddddd;
}
.listadocs li a{
	display:inline;
	text-decoration: none;
}
.listadocs a:hover {
	text-decoration: underline;
}




/* ------------- icono de progreso ------------*/
#progreso{
	width: 99%;
	display:none;
	margin:5px 0px 10px 0px;
	padding:5px 5px 5px 30px;
	border:1px solid #CCCC99;
	background-image:url(/img/progress.gif);
	background-position: 5px;
	background-repeat:no-repeat;
	background-color: #d7e2bf;
	font-size:90%;
	float: left;
	clear: both;
	box-sizing: border-box;
}


/* ------------------------------------ recuadros respuesta  -----------------------------------*/
.recuadro_info, .recuadro_ok, .recuadro_att, .recuadro_ko {
	   width: 95%;
       margin: 20px 0px;
       padding:20px 10px 20px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:relative;
}
.recuadro_info {
       color: #00529B;
       background-color: #BDE5F8;
}
.recuadro_ok {
       color: #fff;
       background-color: #5fb843;
}
.recuadro_att {
       color: #9F6000;
       background-color: #FEEFB3;
}
.recuadro_ko {
       color: #fff;
       background-color: #cd0c21;
}


/* ------------------------------------ estudio.447  -----------------------------------*/
.txtdestacado{
	color: #000;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	}
	
.txt_rojo{
	color: #e55348;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	}
	
#add_photo{
	width: 100%;
	padding: 5px;
	margin: 0px 0px 20px 0px;
	float: left;
	box-sizing: border-box;
	clear: both;
	}
	
.subida{
	width: 99%;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	border: 5px solid #bfebff;
	float: left;
	box-sizing: border-box;
	}

#btn_mas, #NuevaImagen{
	font-size: 1.0em;
	color: #fff;
	border-radius: 5px;
	background-color:#000;
	border: 1px solid #0877bd;
	padding: 4px 15px 4px 15px;
	text-decoration: none;
	cursor:pointer;
	text-transform: uppercase;
	font-weight: 700;
	}
	
#btn_mas:hover, #NuevaImagen:hover{
	color:#FFF;
	background-color:#9e9f9f;
	border: 1px solid #9e9f9f;
	text-decoration:none;
	}	

.lineas-generales ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.lineas-generales li {
	clear:both;
	margin: 5px 0px 5px 0px;
	text-decoration: none;
	padding: 10px;
	border:5px solid #bfebff;
}

.lineas-generales li.red{
	color:#ff0000;
	padding-bottom: 5px;
	background-image: none;
}

.lineas-generales li a{
	text-decoration: underline;
}
.lineas-generales a:hover {
	color: #000;
	text-decoration: underline;
}


#canvas {
    width: 95%;
    height: 400px;
	border:5px solid #9ed6f0;
	box-sizing: border-box;
}

#MenuPrincipal li.selected > label{
	background-color: #a6c1d5;
	color: #fff;
}

#MenuPrincipal li.selected > a{
	background-color: #d7f2fb;
}