/* Estilos CSS para la web de VRRefiner & Coltech - dvdwebz.es */
/* RESETS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
    text-align: left;
    vertical-align: baseline;
}

a img,:link img,:visited img{border: 0;}
table{border-collapse: collapse;border-spacing: 0;}
ol,ul{list-style: none;}
q:before, q:after,blockquote:before, blockquote:after{content: "";}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.unfloat{clear:both;}
.oculto{display:none;}
.red{color: red;}
.green{color: green;}

body {
	background-color: #EFEFEF;
	font-family: 'Source Sans Pro', sans-serif;
}

	.intro {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -200px;
		margin-top: -200px;
		text-align: center;
		width: 400px;
		box-sizing: border-box;
	}
	
	.intro img {
		position: relative;
		margin-bottom: 20px;
	}
	
	.intro form {
			position: relative;
			margin-top: 10px;
			text-align: center;
			box-sizing: border-box;
		}
		
			.intro form input[type=text], .intro form input[type=password], .intro form input[type=file] {
				position: relative;
				width: 300px;
				border: 1px solid #979797;
				background-color: #FFFFFF;
				border-radius: 5px;
				padding: 10px;
				font-size: 20px;
				color: #9B9B9B;
				margin-bottom: 20px;
				box-sizing: border-box;
			}
			
			.intro form input[type=submit] {
				position: relative;
				border: 1px solid #979797;
				background-color: #D8D8D8;
				border-radius: 5px;
				color: #005BAF;
				padding: 10px 30px 10px 30px;
				font-size: 20px;
			}
			
			.intro label.error {
				display: block;
				text-align: center;
				color: red;
				margin-top: -10px;
			}
			
	.intro p {
		margin-top: 10px;
		text-align: center;
	}
	
		.intro p a:link, .intro p a:visited {
			text-decoration: none;
			color: #005BAF;
		}
		
		.intro p a:hover {
			text-decoration: none;
			color: #FF7802;
		}
			

header {
	position: fixed;
	width: 230px;
	height: 100%;
	background-color: #005BAF;
}

	.logo_vrr {
		position: relative;
		display: block;
		margin-top: 20px;
		left: 50%;
		margin-left: -83px;
		width: 166px;
		height: 91px;
	}
	
	.logo_coltech {
		position: relative;
		display: block;
		left: 50%;
		margin-left: -77px;
		margin-bottom: 30px;
		width: 153px;
		height: 22px;
	}
	
	header h1 {
		font-size: 20px;
		color: #FFFFFF;
		text-align: center;
		font-weight: bold;
	}
	
	header .menu-responsive {
		display: none;
	}
	
	header nav {
		position: relative;
		margin-top: 30px;
		font-size: 19px;
		margin-left: 30px;
	}
	
		header .fas {
			margin-right: 10px;
		}
		
			header nav ul li.esp {
				margin-left: 15px;
			}
	
		header nav ul {}
		
			header nav ul li {
				margin-bottom: 20px;
			}
		
			header nav ul li a:link, header nav ul li a:visited {
				color: #FFFFFF;
				text-decoration: none;
			}
			
				header nav ul li a:hover {
					color: #FF7802;
					text-decoration: none;
				}

		header .idioma {
			color: #FFFFFF;
			font-size: 15px;
		}
				
main {
	position: relative;
	margin-left: 230px;
	padding: 20px;
}

	main > h1 {
		position: relative;
		font-size: 40px;
		color: #FF7802;
		margin-bottom: 20px;
		font-weight: bold;
	}
	
	main > h2 {
		position: relative;
		font-size: 18px;
		color: #FF7802;
		margin-top: -18px;
		margin-bottom: 20px;
		font-weight: bold;
	}

	.block {
		position: relative;
		float: left;
		width: 220px;
		height: 80px;
		background-color: #FFFFFF;
		border: 1px solid #D7D7D7;
		border-radius: 8px;
		padding: 15px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
		.block h1 {
			font-size: 34px;
			color: #FF7802;
			margin-bottom: 5px;
		}
		
		.block h2 {
			font-size: 34px;
			color: #005BAF;
		}
		
		.block img {
			margin-top: 8px;
		}
		
	.block_med {
		position: relative;
		float: left;
		width: 340px;
		height: 320px;
		background-color: #FFFFFF;
		border: 1px solid #D7D7D7;
		border-radius: 8px;
		padding: 15px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
		.block_med h1 {
			font-size: 25px;
			color: #FF7802;
			margin-bottom: 5px;
		}
		
		.block_med img {
			margin-top: 10px;
		}
		
	.block_full {
		position: relative;
		float: left;
		width: 100%;
		background-color: #FFFFFF;
		border: 1px solid #D7D7D7;
		border-radius: 8px;
		padding: 20px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	
		.block_full .buscador form input[type=text]{
			width: 50%;
			margin-right: 10px;
			border: 1px solid #979797;
			background-color: #FFFFFF;
			border-radius: 5px;
			margin-bottom: 20px;
			padding: 5px;
			font-size: 13px;
		}
		
			.block_full .buscador form input[type=submit] {
				position: relative;
				border: 1px solid #979797;
				background-color: #D8D8D8;
				border-radius: 5px;
				color: #005BAF;
				padding: 5px;
				font-size: 13px;
				margin-left: 20px;
			}
	
		.block_full h1 {
			position: relative;
			float: left;
			font-size: 25px;
			color: #FF7802;
			margin-bottom: 20px;
		}
	
		.crear {
			position: relative;
			float: right;
			font-size: 25px;
			color: #6AC10A;
		}
		
			.crear a:link, .crear a:visited {
				text-decoration: none;
				color: #6AC10A;
			}
			
			.crear a:hover, .borrar a:hover {
				color: #FF7802;
			}
	
		table {
			position: relative;
			width: 100%;
			border: 1px solid #979797;
			background-color: #FFFFFF;
			margin-bottom: 10px;
		}
			
			table a:link, table a:visited {
				text-decoration: none;
				color: #005BAF;
			}
			
				table a:hover, main article table tr td a:hover .fas {
					text-decoration: none;
					color: #FF7802; 
				}
			
			th {
				background-color: #D8D8D8;
				vertical-align: middle;
			}
		
			th, td {
				padding: 5px;
				border: 1px solid #979797;
				text-align: left;
				vertical-align: middle;
				color: #696969;
				font-size: 13px;
			}
			tr:hover td{
 				 background-color: AliceBlue;
			}
				td img {
					margin-right: 5px;
				}
				
				td .fas {
					margin-right: 5px;
				}
				
				td a:link {
					
				}	
				
		.block_full form {
			position: relative;
			margin-top: 10px;
			text-align: center;
		}
		
			.block_full form input[type=text], .block_full form input[type=password], .block_full form input[type=file] {
				position: relative;
				width: 100%;
				border: 1px solid #979797;
				background-color: #FFFFFF;
				border-radius: 5px;
				padding: 10px;
				font-size: 20px;
				color: #9B9B9B;
				margin-bottom: 20px;
				box-sizing: border-box;
			}
			
			.block_full form input[type=submit] {
				position: relative;
				border: 1px solid #979797;
				background-color: #D8D8D8;
				border-radius: 5px;
				color: #005BAF;
				padding: 10px 30px 10px 30px;
				font-size: 20px;
			}
			
			.block_full label {
				display: block;
				text-align: left;
				margin-bottom: -10px;
			}
			
			.block_full label.error {
				display: block;
				text-align: center;
				color: red;
				margin-top: -10px;
			}
			
			.mapa {
				height: 500px;
			}
			
		.block_full .centro {
			text-align: center;
		}
		
		.block_full p a:link, .block_full p a:visited {
			text-decoration: none;
			color: #005BAF;
		}
		
		.block_full p a:hover {
			text-decoration: none;
			color: #FF7802; 

		}
			
/* GRÀFICAS */

.barra {
	width: 100%;
	background-color: #dddddd;
}

.barra_dentro {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px; 
	color: white;
}

@media (max-width: 1024px)
{}

@media (max-width: 700px)
{
	header {
		position: relative;
		width: 100%;
		height: 80px;
		background-color: #005BAF;
		z-index: 1;
	}
		
		.logos {
			position: relative;
			float: left;
		}

		.logo_vrr {
			position: relative;
			margin-top: 0px;
			left:0%;
			margin-left: 5px;
			width: 109px;
			height: 60px;
		}
		
		.logo_coltech {
			position: relative;
			left: 0%;
			margin-left: 25px;
			margin-bottom: 0px;
			width: 69px;
			height: 10px;
		}
		
		header h1 {
			position: relative;
			display: block;
			float: right;
			font-size: 18px;
			color: #FFFFFF;
			text-align: left;
			font-weight: bold;
			margin-top: 30px;
			margin-right: 10px;
		}
		
		.mostrar {
			display: block;
		}
		
		header .menu-responsive {
			display: inherit;
			float: right;
			color: #FFFFFF;
			font-size: 30px;
			margin-top: 25px;
			margin-right: 5px;
			margin-left: 10px;
			cursor: pointer;
		}
		
		header nav {
			position: relative;
			margin-top: 0px;
			font-size: 19px;
			
			display: none;
			padding-top: 20px;
			padding-bottom: 5px;
			margin-left: 0px;
			width: 100%;
			background-color: #005BAF;
		}
		
			header .fas {
				margin-right: 10px;
			}
			
				header nav ul li.esp {
					margin-left: 15px;
				}
		
			header nav ul {}
			
				header nav ul li {
					margin-bottom: 20px;
					padding-left: 20px;
				}
			
				header nav ul li a:link, header nav ul li a:visited {
					color: #FFFFFF;
					text-decoration: none;
				}
				
					header nav ul li a:hover {
						color: #FF7802;
						text-decoration: none;
					}
					
	main {
		position: relative;
		margin-left: 0px;
		z-index: 0;
	}
	
	.block {
		width: 90%;
		padding: 5%;
		margin-right: 0px;
	}
	
	.block_med {
		width: 90%;
		padding: 5%;
		margin-right: 0px;
	}
	
	.movil {
		display: none;
	}
}