/* -moz-border-radius: 10px; /* Firefox */
/* -webkit-border-radius: 10px; /* Safari and Chrome */
/* border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

 /*-moz-box-shadow: 3px 3px 5px #ccc; /* Firefox */
 /*-webkit-box-shadow: 3px 3px 5px #ccc;  Safari and Chrome */
 /*box-shadow: 3px 3px 5px #ccc;  Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

/* behavior: url(ie-css3.htc);  Activamos el soporte para IE */
 
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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     vertical-align: baseline
}

body {
	line-height: 1;
	font-size: 12px;
	color: #000000;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
.vacio {
	clear: both;
}

.cabecera {
	height: 113px;
	background-color: #014d8d;
	text-align: center;
}
.pie {
	margin: auto;
	width: 980px;
	font-size: 9px;
	color: #999999;
	line-height: 9px;
	height: 50px;
}
.pie a {
	color: #666666;
	text-decoration: none;
	font-size: 9px;
}
.pie a:hover {
	color: #014D8D;
}

.menu {
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding-top: 5px;
}

.menu a {
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	font-style: italic;
	color: #024E8E;
	text-decoration: none;
	padding: 5px;
	margin-right: 19px;
}
.menu .select {
	background-color: #FF6600;
	color: #FFFFFF;
	-moz-border-radius: 5px; /* Firefox */
 	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* Activamos el soporte para IE */
}

.menu a:hover {
	color: #FFFFFF;
	background-color: #014D8E;
	-moz-border-radius: 5px; /* Firefox */
 	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* Activamos el soporte para IE */
}
.texto1 {
	width: 470px;
	text-align: justify;
	margin: 20px;
	line-height: 18px;
}
.texto1 p {
	margin-top: 10px;
	margin-bottom: 10px;
}


.texto1 h1 {
	font-size: 21px;
	font-weight: bold;
	color: #024E8E;
}
.texto1 strong {
	font-weight: bold;
}

.texto2 {
	text-align: justify;
	margin-top: 20px;
	width: 470px;
	float: left;
	line-height: 18px;
}
.texto2 p {
	margin-top: 10px;
	margin-bottom: 10px;
}


.texto2 h1 {
	font-size: 21px;
	font-weight: bold;
	color: #024E8E;
}
.texto2 ul {
	color: #024E8E;
	list-style-type: disc;
	float: left;
	margin-left: 15px;
	width: 245px;
}

.galeria {
	text-align: center;
	float: left;
	width: 475px;
	margin-left: 15px;
	padding-top: 20px;
}

.galeria .foto {
	height: 135px;
	width: 135px;
	margin:10px 9px 10px 9px;
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: center center;


	
	float: left;
	border: 1px solid #333333;
}
.galeria .foto a {
	height: 135px;
	width: 135px;
	display: block;
}
.galeria2 {
	text-align: center;
}

.galeria2 .foto {
	height: 100px;
	width: 100px;
	margin:10px;
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: center center;


	-moz-border-radius: 10px; /* Firefox */
 	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* Activamos el soporte para IE */
	float: left;
	border: 1px solid #333333;
}
.galeria2 .foto a {
	height: 100px;
	width: 100px;
	display: block;
	
}

.texto2 .form1 {
	background-color: #014D8D;
	padding: 20px;
	float: right;
	width: 300px;
	margin-left: 50px;
	color: #FFFFFF;
	margin-bottom: 20px;
	-moz-border-radius: 10px; /* Firefox */
 	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* Activamos el soporte para IE */
}
.form1 .formulario a {
	color: #FFFFFF;
}

.texto2 .form1 input {
	background-color: #014D8D;
	width: 298px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	margin-bottom: 5px;
}
.texto2 .form1 textarea {
	width: 298px;
	border: 1px solid #FFFFFF;
	background-color: #014D8D;
	height: 100px;
	color: #FFFFFF;
}
.texto2 b {
	color: #024E8E;
	font-weight: bold;
}
.foto-mapa {
	height: 135px;
	width: 135px;
	position: absolute;


	-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
	border-radius: 10px;



-moz-box-shadow: 0px 0px 5px #000;
-webkit-box-shadow: 0px 0px 5px #000; 
	box-shadow: 0px 0px 5px #000;
	behavior: url(ie-css3.htc);
	background-position: center center;
	border: 2px solid #FFFFFF;
	
}
.foto-mapa a {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin: auto;
	display: block;
	height: 85px;
	width: 135px;
	padding-top: 50px;
	font-size: 14px;
	font-weight: bold;
	
}
       .lavaLampWithImage {
	position: relative;
	height: 29px;
	width: 965px;
	padding: 15px 0px 15px 15px;
	margin: 0px;
	overflow: hidden;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
					
                    .lavaLampWithImage li.back {
                        background: url("images/lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("images/lava.gif") no-repeat 0px 0px;
                            height: 30px;
							
							margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 9px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }

        
.galeria2 .categoria {
	background-repeat: no-repeat;
	background-position: center center;
	height: 174px;
	width: 174px;
	float: left;
	border: 1px solid #CCCCCC;


	-moz-border-radius: 10px; /* Firefox */
 	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(ie-css3.htc); /* Activamos el soporte para IE */
	position: relative;
	margin-top: 50px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.galeria2 .categoria a {
	font-weight: bold;
	color: #024E8E;
	text-decoration: none;
	position: absolute;
	width: 174px;
	top: -20px;
	left: 0px;
	font-size: 10px;
	height: 204px;
	display: block;
	text-transform: uppercase;
}
.galeria2 .categoria a:hover {
	color: #999999;
}
.texto3 {
	text-align: justify;
	margin-top: 20px;
	line-height: 18px;
}
.texto3 p {
	margin-top: 10px;
	margin-bottom: 10px;
}


.texto3 h1 {
	font-size: 21px;
	font-weight: bold;
	color: #024E8E;
}
.texto3 h2 {
	font-size: 16px;
	font-weight: bold;
	color: #024E8E;
	padding-top: 20px;
}

.texto3 ul {
	color: #024E8E;
	list-style-type: disc;
	float: left;
	margin-left: 15px;
	width: 245px;
}
.texto3 ol {
	margin-left: 30px;
	list-style-type: decimal;
}
.texto3 ol ol {
	list-style-type: lower-alpha;
}
.texto3 ol ol ol {
	list-style-type: lower-roman;
}