@import url(http://fonts.googleapis.com/css?family=Dosis:400,500);

/*@font-face {
  font-family: "Dosis";
  src: url('../../piquer/fonts/Dosis-ExtraLight_0.ttf') format('truetype');
  src: url('../../piquer/fonts/Dosis-Light_0.ttf') format('truetype');
}*/

/*colores
azul=#0070c0
naranja=#ff8f3f
verde=#00b050
*/
html, body{
	margin:0px;
	padding:0px;
	height:100%;
}
body{
	background:#b4b4b4 url(../imgs/fondo.jpg);
	background-size:cover;
}
img{
	border:0px;
}
header{
	width:100%;
	overflow:hidden;
	z-index:10000;
	background-color:#fff;
	background-attachment:fixed;
	margin:auto;
}
#logo{
	width:18%;
	margin:0% 1%;
	height:auto;
	float:left;
}
#telefono_cabecera{
	width:5%;
	margin-top:0%;
	height:auto;
	float:left;
}
#txt_tfno{
	width:31%;
	font-size:14px;
	float:left;
	font-family:"Dosis";
	margin-top:0%;
}
#emprende{
	width:15%;
	height:auto;
	margin:0% 1%;
	float:left;
}
a.zona_taller{
	background:url(../imgs/zona_taller1.png) no-repeat right;
	width:100px;
	height:100px;
	float:left;
	margin-right:2%;
	margin-top:0px;
}
a.zona_taller:hover{
	background:url(../imgs/zona_taller2.png) no-repeat right;
}
/*Redes sociales*/
#rrss{
	width:14%;
	height:auto;
	text-align:right;
	padding:0% 1%;
	float:left;
}
.fb, .yt, .in{
	float:right;
	width:30px;
	height:60px;
	background-repeat:no-repeat;
	padding:5px;
	background-size:contain;
}
.fb{
	background-image:url(../imgs/rrss/fb.png);
}
.yt{
	background-image:url(../imgs/rrss/yt.png);
}
.in{
	background-image:url(../imgs/rrss/in.png);
}
/*menú de navegación*/
nav{
	width:90%;
	background-color:#fff;
	margin:auto;
}
nav ul{
	list-style:none;
	margin:auto;
	width:100%;
	text-align:right;
}
nav li{
	display:inline-block;
	margin:0% 0.5%;
	padding:2.5px 0px;
}
nav a{
	text-decoration:none;
	color:#0070c0;
	font-size:12px;
	font-family: "Dosis";
}
nav a:hover{
	color:#ff8f3f;
}
nav li.activo{
	background-color:#dedede;
}

/*página*/
#pagina{
	width:90%;
	height:auto;
	min-height:70%;
	font-family: "Dosis";
	margin:auto;
	background-color:#fff;
}
/****Contenido debajo de las solapas****/
#contenido{
	width:94%;
	/*height:auto;min-height:100%;*/
	height:73%;
	background-color:/*#0070c0;*/#fff;
	margin:auto;
	padding:0% 3%;
}

/****contenido de la página como tal****/
.titulo{
	font-size:25px;
	color:#0070c0;
	display:block;
}

.titulo_pagina{
	color: blue;
	font-weight: bold;
	text-transform: uppercase;
}

/*estilos para los botones con enlaces en la parte inferior derecha de algunas páginas*/
#enlaces{
	width:100%;
	height:auto;
	float:right;
}
#enlaces h3{
	float:right;
}
#enlaces h3 a{
	text-decoration:none;
	background-color:#00b050;
	padding:5px 15px;
	border-radius:5px;
	color:#fff;
	margin:0px 15px;
}

/***para los campos de formulario*****/
label{
	display: block;
}
form{
	font-size:20px;
	padding-top:1%;
}

input[type="text"],
textarea,
input[type="password"],
select{
	font-family:Dosis;
	font-size:15px;
	font-weight:200;
	padding:5px;
	border:1px solid #7f7f7f;
}
input:focus{
	box-shadow:2px 2px 2px 2px #c9c9c9;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="file"],
button,
select{
	background-color:#009de0;
	font-size:20px;
	font-family:Dosis;
	padding:5px 10px;
	border-radius:5px;
	color:#FFF;
}

table {
    border-collapse: collapse;
}


table, th, td {
    border-bottom: 1px solid grey;
    padding: 5px;
}

.centro{text-align: center;}
.derecha{text-align: right;}
.izquierda{text-align: left; vertical-align: top;}

input[type="button"]{
	margin-left:20px;
}
.recup_pass{
	font-size:20px;
	color:#7f7f7f;
	text-decoration:none;
}
.recup_pass:hover{
	color:#009de0;
}

#error_login{
	height: 20px;
	width: 500px;
	font-size: 15px;
	color: red;
	padding-top: 10px;
	text-align: left;
}

/*para el select de pais*/
select.pais{
	width: 795px;
}


/*para los fieldset y los legend*/
fieldset#lopd,
fieldset#captcha{
	border:1px solid #0070c0;
	margin-bottom:1%;
	width:45%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	height:auto;
	overflow:hidden;
	padding:auto;
}

legend{
	font-weight:600;
	background-color: #0070c0;
	color:#fff;
	padding:0.5% 1.5%;
}

/*pie de página*/
footer{
	width:100%;
	background-color:#0070c0;
	margin-top:15px;
	overflow:hidden;
	margin:auto;
	margin-bottom:0px;
}
.img_pie{
	margin:0.5% 2%;
	float:right;
}
#gp{
	float:left;
	padding:0.5% 2%;
}


/*Zonas privadas de IDEA, EMPRESA Y PROYECTO*/
 #menu{
       
        width: 20%;
        height: 80%;
        float: left;
    }

#principal{
   
    width: 78%;
    float: right;
}

.oculto {
	visibility: hidden;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0;
}

.visible {
	visibility: visible;
}

/*Sortable*/
#sortable { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 450px; 
}
#sortable li { 
	margin: 3px 3px 3px 0; 
	padding: 1px; 
	float: left; 
	width: 80px; 
	height: 40px; 
	font-size: 0.7em;
	text-align: center;
	
}