/*
    Theme Name: nemo
    Author: Iñaki Sagrario
    Author URL: http://www.nemonic.net
	color de botones b4e16c
*/


/* ===================================
1. General
==================================== */

body {
	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:1.6em;
	color:#999;
	background-color: #262626;
}
a{
	color: #fff !important;
}
a:active {
	outline:0;
}
a:hover{
text-decoration:none;
}
.clear {
	clear:both;
}

h1,h2, h3, h4, h5, h6 {
	font-family:'Roboto', sans-serif;
	font-weight:700;
	line-height:1.1em;
	color:#666;
	margin-bottom: 20px;
}
h1,h3{
 text-align:center;
}
.highlight {
	color: #fff !important;
	padding: 0 8px;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
			border-radius: 2px;
}

.color-white {
	color: #fff;
}
ul li {list-style:none;}

p{text-align:justify;}

th{text-transform: capitalize;}

label{display:block;}

legend {border: 0 !important;color:#999;padding-left: 10px;}

input[type="submit"]{margin-top:20px;width:100%; color: #444; font-weight: bold;}
input[type="text"] {background-color: #ccc;}

.aviso{
	color:#d9232d;
	font-size:0.9em;
}



/* ===================================
2. layout
==================================== */




.row {
	margin:0px !important;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:10px;
  width: 25%;
}
.logo{ margin-bottom: 10px;}


/* ===================================
3. Header
==================================== */

/* === header === */
.fa-ban-out-alt{
	font-size: 4rem;
	color: #ed2024;
}
.fa-check-circle-out-alt{
	font-size: 4rem;
	color: #b4e16c;
}
.fa-sign-out-alt{
	font-size: 2rem;
	color: #ed2024;
}

.fa-user-out-alt{
	font-size: 2rem;
	color: #ed2024;
}
.salir{
	position: fixed;
	top: 10px;
	right:40px;
	width: 40px;	
}

/* ===================================
4. cuerpo
==================================== */

/* /v16  */
.botonG {
	width:340px;
	height: 48px;
	margin-top: 10px;
	margin-bottom: 10px;
	border:none;
	margin-left: 11px;
}

.botonG-v16{
	background-image: url("/img/BotGv16.png");
	background-size: 340px 48px;	
}
.botonG-bike{
	background-image: url("/img/BotGvbike.png");
	background-size: 340px 48px;
}
.botonGB-bike{
	background-image: url("/img/bt_acc-serv_bike-Alt600.png");
	background-size: 340px 48px;
}
/* bike*/
.botonM {
	width:175px;
	height: 76px;
	margin-top: 25px;
	margin-bottom: 25px;
	border:none;
}
.botonM-rescatadores{
	background-image: url("/img/bt_serv_help-686.png");
	background-size: 175px 76px;
}

.botonM-ruta{
	background-image: url("/img/bt_serv_rutas-Alt686.png");
	background-size: 175px 76px;
}
.botonM-dgt{
	background-image: url("/img/bt_serv_dgt-Alt686.png");
	background-size: 175px 76px;
}
/* /dgt */
.check-dgt{
	width: 20px;
	height: 20px;
	margin: 10px !important;
}
.div-check-dgt {
	margin-bottom: 50px;
	margin-top: 50px;
	padding-left: 0px !important;
  }
.label-check-dgt {
	padding: 8px;
	font-size: 18px;
	margin-left: 50px;
	background-color: #848e8e;
	color: black;
	width: 150px;
  }
.p-check-dgt{
	padding: 10px;
	margin-bottom: 50px;
  }
/* /usuario  */
.boton {
	width:76px;
	height: 65px;
	margin-top: 10px;
	border:none;
}
.boton-v16{
	background-image: url("/img/botv16.png");
	background-size: 76px 65px;	
}

.boton-bike{
	background-image: url("/img/botbike.png");
	background-size: 76px 65px;
	margin-left: 11px;
}
.boton-coche{
	background-image: url("/img/botcoche.png");
	background-size: 76px 65px;
	margin-left: 11px;
}
.boton-r65{
	background-image: url("/img/botr65.png");
	background-size: 76px 65px;
	margin-left: 11px;
}

.boton-guardar{
	height: 40px;
	margin-bottom: 15px;

}
.boton-volver{
	width: 95%;

}
.form-user{
	 width:345px;
}
.form-botones{
	width:355px;
	}
.form-vehiculo{
	width:375px;
}
.form-bike{
	width:395px;
}
.bike-hr{
	width:90%;
	margin-top:20px;
}
.bike-guardar{
	width:355px;
}
/* ===================================
5. pie
==================================== */
footer {
	
	width: 100%;
	font-family:'Open Sans', Arial, sans-serif;padding:10px;margin-top:50px;}
footer IMG{margin-bottom:10px;}
footer .fa{
		font-size: 25px;
		color: #fff;
		display: inline-block;
		vertical-align: top;}
footer address{color: #fff;font-size:17px;margin-top:20px;}

footer .pie-menu ul li:nth-child(2) a{margin-left:20px;}
footer .pie-menu ul li a{float:left;color: #d9232d;font-size:17px;}
footer .pie-menu ul li a:hover{color: #fff;}
footer .pie-menu ul{margin:0 auto 20px auto;padding:0px;width:200px;}
footer .pie-menu ul ul{margin:0px;padding-left:10px;}
.redes li{margin-bottom:20px;}
.redes .fa{font-size: 40px;}

footer address span {
    display: inline-block;
    max-width: 80%;
    margin-left: 0;
    margin-right:10px;
}
.pie-titulo{color:#aaa;margin-bottom:25px;text-transform: uppercase;}


/* =============================
21. Media queries
============================= */

@media (min-width: 979px) and (max-width: 1200px) {
	
	#wrapper.boxed{
		width:1000px;
		margin:0 auto;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	
	#wrapper.boxed{
		width:784px;
		margin:0 auto;
	}
}

@media (max-width: 767px) {

	.form-user{
		width:345px;
   }
   .form-botones{
	width:355px;
	}
}

@media (max-width: 480px) {


}

@media (max-width: 360px) {
	
	.botonG {
		width:338px;
		height: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		border:none;
		margin-left: 0px;
		}
	
		.boton {
			width:66px;
			height: 55px;
			margin-top: 10px;
			border:none;
		}
	.boton-v16{
		
		background-size: 66px 55px;	
	}
	
	.boton-bike{
		
		background-size: 66px 55px;
		margin-left: 11px;
	}
	.boton-coche{
		
		background-size: 66px 55px;
		margin-left: 11px;
	}
	.boton-r65{
		
		background-size: 66px 55px;
		margin-left: 11px;
	}
	.form-user{
		width:308px;
   }
}
/* ============== options panel for live preview ======================= */