html, body {margin: 0; background: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; color: #444;} ul, li {list-style: none; margin: 0; padding: 0;}
a {text-decoration: none; color: #0162af;} a:hover {color: #444;} a img {border: none;} .input, .enviarform, .select {font-size: 16px; line-height: 18px; padding: 8px; border: 1px solid #333; background: #fff; color: #0162af;}
.select {height: 36px;} .buscar, .enviarform {background: #444; color: #fff; width: 80px; cursor: pointer;} .clear {clear: both;} strong.title {display: block; font-size: 24px; line-height: 26px;}
	a.button {font-size: 16px; line-height: 18px; background: #0162af; color: #fff; padding: 8px; border-radius: 6px;}
#contenedor {position: relative; padding-top: 150px;} #contenedor.index {padding-top: 40px;} #index {height: 800px; background: url(../imagenes/background.jpg) no-repeat center center; background-size: cover; box-shadow: 0 0 10px #333;}
#header {background: #f60; border-bottom: 4px solid #333; position: absolute; left: 0; top: 0; width: 100%;} #head {position: relative; width: 94%; max-width: 1000px; height: 150px; margin: 0 auto;} .index #head {height: 40px;}
	#head #logo {margin-top: 16px;} .index #head .contlogo {position: absolute; top: 282px; left: 0; width: 100%; text-align: center;} .index #head #logo {width: 96%; max-width: 420px;}
	#buscar {position: absolute; right: 0; bottom: 20px;} .index #buscar {right: auto; left: 0; top: 376px; width: 100%;} .index #buscar table {margin: 0 auto; position: relative; width: 96%; max-width: 477px;}
		#buscar .input {font-size: 20px; line-height: 22px; font-weight: bold; width: 400px; padding: 14px 60px 14px 14px;}
		.buscar {background: #55a3e1 url(../imagenes/buscar.png) no-repeat; position: absolute; right: 5px; top: 6px; width: 45px; height: 45px; border: none;}
	#head .banner {position: absolute; right: 0; bottom: 20px; width: 468px; height: 60px; background: #fff; border-radius: 6px;} #head #menu {position: absolute; left: 0; bottom: 0;}
		#head #menu a, #head #menu span {display: block; float: left; color: #fff; margin: 0 20px 10px 0;}
	#head p {display: block; position: absolute; right: 0; top: 30px; max-width: 510px; margin: 0; font-size: 20px; line-height: 22px; color: #fff; font-style: italic; text-align: right;} .index #head p {top: 8px;}
#top {position: relative;} #middle {background: #bee0f9; border-top: 4px solid #bc9f00; border-bottom: 4px solid #bc9f00;} .wrapper {width: 94%; max-width: 1000px; margin: 0 auto; padding: 40px 0;}
	#top .main {margin-bottom: 40px;} .wrapper h1, .wrapper h2 {font-size: 30px; line-height: 40px; margin: 0;} .wrapper h1 {margin: 20px 0;}
		#top .main p, #middle .main p, #bottom .main p, #dirpaises p {font-size: 16px; line-height: 24px;} #dirpaises p {margin: 0 0 40px 0;}
		#top strong.all {display: block; font-size: 20px; line-height: 22px;}
		#top img.mapa {border-radius: 6px; margin: 20px 0; overflow: hidden;}
		#directorio {line-height: 24px; font-size: 16px;} #directorio ul, #directorio li, #directorio div {display: inline;} #directorio strong {font-size: 18px;}
#middle .main, #bottom .main, #prefooter .main {width: 660px; float: right;} #middle .sidebar, #prefooter .sidebar {width: 300px; float: left;}
	#middle span {display: block; margin-bottom: 20px;}
#bottom .main {width: 66%; float: left;} #bottom .main.full {width: 100%; float: none;} #bottom .sidebar {width: 30%; float: right;} #bottom .wrapper {border-top: 1px solid #ccc;} #bottom .sidebar p {margin-bottom: 40px;}
	#bottom .sidebar .banner {width: 300px; height: 200px; background: #f9f9f9; margin-bottom: 20px; border-radius: 6px;} #bottom.contactar {background: url(../imagenes/sobre.png) no-repeat left bottom;} #bottom.contactar .input {width: 88%; max-width: 450px;}
	#bottom.contactar .select, .formularios.altas .select {width: 92%; max-width: 468px;} td.comment {padding-top: 12px;} #bottom.contactar .contacto_captcha.input {width: 100px; margin-right: 20px;} #bottom.contactar .sidebar {padding-top: 126px;}
	#bottom.contactar textarea.input {width: 88% !important; max-width: 500px;} .contacto #webmaster {margin-left: 134px;}
#prefooter {border-top: 1px solid #ccc;} #prefooter p {font-size: 24px; line-height: 30px; margin: 0; color: #999;}
#footer {border-top: 1px solid #ccc;} #foot {width: 94%; max-width: 1000px; padding: 20px 0; margin: 0 auto;}
	#foot ul li {background: url(../imagenes/bullet.png) no-repeat left center; padding-left: 12px; float: left; line-height: 24px; margin-right: 30px;} #foot p {margin: 20px 0; padding-left: 10px;}
.error #top {min-height: 518px;} .error #top .all {width: 230px;}

.cont-3 a, .cont-3 {font-size: 30px; line-height: 28px; color: #ccc;} .cont-4 a, .cont-4 {font-size: 28px; line-height: 30px; color: #bbb;} .cont-5 a, .cont-5 {font-size: 24px; line-height: 26px; color: #aaa;}
.cont-6 a, .cont-6 {font-size: 22px; line-height: 24px; color: #999;} .cont-7 a, .cont-7 {font-size: 20px; line-height: 22px; color: #888;} .cont-8 a, .cont-8 {font-size: 18px; line-height: 20px; color: #777;}
.cont-9 a, .cont-9 {font-size: 16px; line-height: 18px; color: #666;} .cont-10 a, .cont-10 {font-size: 14px; line-height: 16px; color: #555;}

@media screen and (min-width: 1180px) { }

@media screen and (max-width: 1179px) and (min-width: 768px) { #index {height: 640px;} .index #head .contlogo {position: absolute; top: 200px; left: 0; width: 100%; text-align: center;} .index #buscar {top: 294px;} #head #logo {margin-top: -14px;}
#head p {top: 24px; font-size: 16px; line-height: 18px; max-width: 280px;}  }

@media screen and (max-width: 767px) and (min-width: 481px) { #contenedor {padding-top: 200px;} #index {height: 400px;} .index #head .contlogo {position: absolute; top: 120px; left: 0; width: 100%; text-align: center;} .index #buscar {top: 214px;}
.wrapper {padding: 20px 0 40px 0;} #head p {display: none;} .index #head p {display: block; font-size: 16px; line-height: 18px;} .index #head p {top: 12px;} .input, .enviarform, .select {font-size: 14px; line-height: 16px; padding: 6px;}
.index #buscar table, #buscar table {margin: 0 auto; position: relative; width: 96%; max-width: 420px;} #buscar .input {font-size: 18px; line-height: 22px; font-weight: bold; width: 343px; padding: 14px 60px 14px 14px;} #head #logo {margin-top: -14px;}
#head {text-align: center; height: 200px;} #head #menu {position: relative; text-align: center;} #head #menu a, #head #menu span {display: inline-block; float: none; margin: 10px;} #buscar {width: 100%;}
.index #head #menu {position: absolute; left: 0; bottom: 0;} .index #head #menu a, .index #head #menu span {display: block; float: left; color: #fff; margin: 0 20px 10px 0;} }

@media screen and (max-width: 480px) { #contenedor {padding-top: 190px;}#index {height: 400px;} #head {height: auto;} .index #head {height: auto;} .index #head .contlogo {position: absolute; top: 120px; left: 0; width: 100%; text-align: center;}
.index #buscar {top: 214px;} .index #head p {display: block; position: relative; top: 0; font-size: 16px; line-height: 18px; text-align: center; margin: 10px 0;} .index #head p {top: 0;}
.input, .enviarform, .select {font-size: 14px; line-height: 16px; padding: 6px;} .wrapper {padding: 20px 0 40px 0;} .index #buscar table, #buscar table {margin: 0 auto; position: relative; width: 96%; max-width: 310px;}
#buscar .input {font-size: 18px; line-height: 22px; font-weight: bold; width: 233px; padding: 14px 60px 14px 14px;} #head #menu {position: relative; text-align: center;} #head #menu a, #head #menu span {display: inline-block; float: none; margin: 10px;}
#head #logo {margin-top: 0; width: 300px;} #head {text-align: center; height: 190px;} #buscar {width: 100%;} #head p {display: none;} #directorio {display: none;} a.record {display: block; margin: 10px 0 0 0 !important;} }