body {
	color: #383838;
	font-family: sans-serif;
	text-align: center;
}

a {
	color: #182a66; /* Color de enlaces Principal*/
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#contenedorPrincipal {
	margin: 0 auto;
	padding: 1.666666% 1px; /* 20px / 1200px */
	text-align: left;
	width: 945px; /* 1200px */
}

header {
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
}

header hgroup {
	float: left;
}

header hgroup h1, h1 {
	font-size: 2.076923em; /* 40px / 13px */
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #ddd;
}

header hgroup h2, h2 {
	font-size: 2em; /* 26px / 13px */
	font-weight: normal;
	text-shadow: 1px 1px 0 #ddd;
}

header nav {
	float: right;
	margin: 24px 0 0 0;
}

header nav ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

header nav ul li {
	border-right: 1px solid #ccc;
	display: inline;
	float: left;
	font-size: 1.3em; /* 14px / 13px */
	list-style: none;
	margin: 0;
	padding: 0px;
}

header nav ul li:last-child {
	border: 0;
}

header nav ul li a {
	background: #182a66;
	color: #fff;
	display: block;
	padding: 12px 0.9em;
	text-decoration: none;
	-webkit-transition-property: background;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear;
}

header nav ul li a:hover {
	background: #ff6600; /* Color de fondo enlaces */
	text-decoration: none;
}

#recuadroBanner {
	border-bottom: 1px solid #383838;
	border-top: 1px solid #383838;
	clear: both;
	font-size: 2em; /* 26px / 13px */
	font-weight: normal;
	text-shadow: 2px 3px 0 #ddd;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 30px;
	padding: 1.666666%; /* 20px / 1200px */
}

#contenidoCentral {
	float: left;
	margin-right: 15px; /* 20px / 1200px Separacion contacto -- principal*/
	width: 75%; /* 900px / 1200px */
}

#contenidoCentral article {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	margin: 0 0 15px 0;
	padding: 1.222222%; /* 20px / 900px */
}

#contenidoCentral article h3 {
	font-size: 2em; /* 26px / 13px */
	margin-bottom: 1px;
}

#contenidoCentral article img.logo {
	float: right;
	margin: 0 0 10px 10px;
}

#contenidoCentral article p, table {
	font-size: 1.230769em; /* 16px / 13px */
	margin-bottom: 16px;
	text-align: justify;
}

#contenidoCentral article p:last-child {
	margin-bottom: 0;
}

#barraLateral {
	float: left;
	width: 218px; /* 280px / 1200px Ajuste de tamaño recuadro contacto*/
}

#barraLateral aside {
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	margin: 0 0 12px 0;
	padding: 2%; /* 20px / 280px */
}

#barraLateral aside h4 {
	color: black;
	font-size: 1.230769em; /* 16px / 13px */
	margin-bottom: 4px;
}

#barraLateral aside p {
	font-size: 0em; /* 13px / 13px */
	margin-bottom: 5px;
}

#barraLateral aside p:last-child {
	margin: 0;
}

#barraLateral aside ul {
	margin: 0;
	padding: 0;
}

#barraLateral aside ul li {
	list-style: none;
	margin-bottom: 6px;
}

footer {
	border-top: 1px solid #383838;
	clear: both;
	font-size: 1.076923em; /* 14px / 13px */
	padding: 10px 1.666667%; /* 20px / 1200px */
}

footer nav ul {
	margin: 0 0 8px 0;
	padding: 0;
}

footer nav ul li {
	display: inline;
	list-style: none;
	margin-right: 1%; /* 12px / 1200px */
}

.logo {
	float: right;
	margin-bottom: auto;
	margin-left:auto; /* 12px / 474px */
	width: 30%; /* 231px / 474px */
}

.logo img.logo {
	display: block;
	margin: 0 auto;
	width: 74%;
}

.f_left{
	position: relative;
	float: left;
}

.f_right{
	position: relative;
	float: right;
}

.clear{
	clear: both;
	font: 1px arial;
}

.nota {
	font:10px arial;
}
.sombra {
		display: inline-block;
		border: solid 1px #dfdfdf;
		overflow: hidden;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
		-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
		box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
	}		
a { color:#0084c6 }
i { font-style: italic;}
b { font-weight: bold;}

table.como button {
	color: blue;
	border: 0;
	background-color: inherit;
	text-decoration: underline;
}
.hide { display: none; }

.boton_ayuda { 
	background-color: #dfdfdf;
	-webkit-transition-property: background;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear;
}

.boton_ayuda:hover { 
	background: #182a66;
	color: #fff;
}
.boton_ayuda:hover a { 
	background: #182a66;
	color: #dfdfdf;
	font-size: 1.5em; /* 26px / 13px */
}

.centrado { position: relative;
			margin-right: auto;
			margin-left: auto;
		}

table.com { 
	border-collapse: separate; 
	border-spacing: 5px; 
}

table.com tbody  tr { 
	border-spacing: 5px; 
	-webkit-transition-property: background;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear;
}

table.com tbody tr:hover {
	background-color: #ff6600; /* Color de fondo enlaces */
	color: white;
	text-decoration: underline;
}

table.com td, table.com th {
	font-size: 1.1em; /* 16px / 13px */
}

table.com tbody td {
	padding: 2px; /* Color de fondo enlaces */
	border-bottom: 1px dotted #dfdfdf;
	text-align: justify;
}

table.com tbody td:hover {
	cursor: pointer;
}

table.com thead th {
	text-align: center;
	border-bottom: 1px solid black;
}

table.com input, table.com button {
	font-size: .8em;
}

.box_float{
	position: relative;
	float: left;
	padding: 4px;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	white-space:nowrap;
	height: 50px;
}


/* --------------------------------------------
   Visualización iPad en modo Landscape ( acostada )
-------------------------------------------- */
@media ( max-width : 980px) {
	.flexslider .slides img {width: 100%; display: block;}
	#contenedorPrincipal {
		width: 800px; /* 768px / 1024px */
	}
	#contenidoCentral {
		width: 560px; /* 540px / 768px */
	}
	#barraLateral {
		width: 218px; /* 208px / 768px ajuste contacto*/
	}
	header {
		margin-bottom: 12px;
	}
	header hgroup {
		margin-bottom: 12px;
	}
	header nav {
		clear: both;
		float: none;
	}
	#recuadroBanner {
		margin-bottom: 18px;
	}
	#contenidoCentral article img.logo {
		float: none;
		margin: 0 0 10px 0;
		width: 100%;
	}
	
	table.com td, table.com th {
		font-size: 1.0em; /* 16px / 13px */
	}
}

/* --------------------------------------------
   Visualización iPad en modo portrait ( parada )
-------------------------------------------- */
@media ( max-width : 800px) {
	.flexslider .slides img {width: 100%; display: block;}
	#contenedorPrincipal {
		width: 95%; /* 600px / 768px */
	}
	#contenidoCentral {
		float: none;
		margin: 0 0 12px 0;
		width: 98%; /* 600px / 600px */
	}
	#barraLateral {
		float: none;
		width: 98%; /* 600px / 600px */
	}
	header {
		margin-bottom: 12px;
	}
	header hgroup {
		margin-bottom: 12px;
	}
	header nav {
		clear: both;
		float: none;
	}
	#recuadroBanner {
		margin-bottom: 18px;
	}
	#contenidoCentral article {
		padding: 20px; /* 20px / 600px */
	}
	#contenidoCentral article img.logo {
		float: none;
		margin: 0 0 10px 0;
		width: 100%;
	}
	#barraLateral aside {
		text-align: center;
		background: #ffffff; /* color de fondo de contacto*/
		float: left;
		margin-right: 1.2em;
		min-width: 28.333333%; /* 170px / 600px */
		padding: -1em; /* Ajuste contorno contacto */
		width: 96%; /* 250px / 600px ajuste contacto*/
	}
	#barraLateral aside p a {
		width: 100%; /* 250px / 600px */
	}
	table.com td, table.com th {
		font-size: 0.9em; /* 16px / 13px */
	}
}

.tabla_cen {
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	text-align: right;	
}
.tabla_cen td {
	padding-right: 20px;
	border-bottom: 1px solid black;
	margin: 2px;
}

.tabla_cen th {
	text-align: center;
	padding: 4px;
	border-bottom: 2px solid black;
	margin: 2px;
}

/* --------------------------------------------
   Visualización móviles ( acostados y parados )
-------------------------------------------- */
@media ( max-width : 480px) {
	.flexslider .slides img {width: 100%; display: block;}
	#contenedorPrincipal,#contenidoCentral {
		float: none;
		margin: 0;
		width: 98%;
	}
	#barraLateral,#recuadroBanner {
		display: yes;
	}
	header {
		margin: 0 0.833333% 12px; /* 5px / 600px */
		text-align: center;
	}
	header hgroup {
		margin-bottom: 12px;
		width: 100%;
	}
	header hgroup h1, h1 {
		font-size: 1.8461538461em; /* 24px / 13px */
	}
	header hgroup h2, h2 {
		font-size: 1.0769230769em; /* 14px / 13px */
	}
	header nav {
		clear: both;
		float: none;
	}
	header nav ul {
		width: 100%;
	}
	header nav ul li {
		border-bottom: 1px solid #ccc;
		display: block;
		float: none;
		font-size: 1.0769230769em; /* 14px / 13px */
		text-align: left;
		width: 100%;
	}
	header nav ul li a {
		padding: 1.66666667%; /* 10px / 600px */
	}
	#contenidoCentral article {
		border-radius: 0;
		margin-left: 0.833333%; /* 5px / 600px */
		margin-right: 0.833333%; /* 5px / 600px */
		padding: 1.66666667%; /* 10px / 600px */
	}
	#contenidoCentral article h3 {
		font-size: 1.23076923em; /* 16px / 13px */
	}
	#contenidoCentral article p {
		font-size: 0.92307692em; /* 12px / 13px */
	}
	#barraLateral aside {
		text-align: center;
		background: #ffffff; /* color de fondo de contacto*/
		float: left;
		margin-right: 3.33333333%; /* 20px / 600px */
		min-height: 40px; /* 170px / 600px */
		padding: 100; /* 20px / 600px */
		width: 96%; /* 250px / 600px */
	}
	#barraLateral aside p a {
		width: 100%; /* 250px / 600px */
	}
	#barraLateral aside:last-child {
		margin: 0;
	}
	footer {
		font-size: 0.92307692em; /* 12px / 13px */
		padding: 1.66666667%; /* 10px / 600px */
	}
	
	table.com td, table.com th {
		font-size: 0.8em; /* 16px / 13px */
	}
}

@media print{
	.no_print { display:none; } 
}