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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {

display: block;

}



body {
        background:#ffffff;
	height:100%;
	line-height:20px;
	font-size:14px;
	color:#333;
	font-family: Arial, Tahoma, sans-serif;
	font-weight:normal;
	margin:0px;
        background-image: url(../img/fondo-gris-cab.jpg);
        background-repeat:repeat-x;
        line-height: 1;

}

/* aņadiendo mierda */

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

html {
	background:#ffffff;
	height:100%;
	line-height:20px;
	font-size:14px;
	color:#333;
	font-family: Arial, Tahoma, sans-serif;
	font-weight:normal;
	margin:0px;
}

negrita {font-size:12px; font-weight:bold}

h1, h2, h3 { font-family: 'Century', sans-serif; font-weight:bold; }
h1 {
        color:#ffffff;
        font-size:30px;
	text-shadow:0 0 1px rgba(51,51,51,0.3);
	text-align:left;
	line-height:90px;
}
h2 {
	font-size:36px;
	line-height:36px;
	text-shadow:0 0 1px rgba(51,51,51,0.2);
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}
h3 {
	font-size:30px;
	line-height:38px;
	margin-bottom:14px;
}
h4 {
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}

h5 {
        font-size:11px;
        line-height:10px;
   }

h6 {
        font-family:'Century Gothic';
        line-height:150%;
        font-size:15px;
        line-height:10px;
        font-weight:bold;
   }
   
htitulos{
        font-family: 'Century Gothic', sans-serif;
        font-weight:bold;
        font-size:14px;
        letter-spacing:5px;
        }

   
a:link, a:active, a:visited {
	border:none;
	outline:none;
	color:#072B29;
}

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


 /*fin de aņadir mierda */

.abajo{
    background:#ffffff;
    float:bottom;
    line-height:1;
    color:#fff;
    font-family:'Century Gothic';
    font-weight:normal;
    font-size:12px;
    top:405px;
    width:100%;
    height:38px;
    margin:0px;
    background-image: url(../img/fondo-gris-abaj.jpg);
    background-repeat:repeat-x;
       }
.halign {
position: absolute;
top:0px;
}

#box1 {
margin-left:60px;
}

#box2 {
margin-left:500px;
 /* margin-bottom:200px;  para arreglar titulo cabecera */
 }

#box3 {
 line-height:1.6;
 margin-left:1020px;
 margin-top:40px;
 }
       
/* style acordeon */

*{
	padding: 0;
	margin: 0;
}
body{
	font: normal 12px Tahoma, Verdana, Arial, sans-serif;
	/* background: #fff; */
}
#divAcordeon{
        margin: 30px auto;
	width: 1000px;
	margin-top: 70px;
	font-size: 12px;
        color: #fff;
	padding: 10px;

	float: centre;
	border-radius:15px;
}
	.clsContenedor{
	list-style-type: none;
	text-align: center;

	}
		.clsContenedor .clsSeccion{
			display:block;
			padding:5px;
			color:#000000;
			text-transform:uppercase;
			font-weight:bolder;
			font-size:11px;
			color:#fff;
			cursor:pointer;
			margin-right:7px;

		}
			.clsContenedor .clsSeccion::selection{
				background-color: transparent;
			}

                .clsContenedor span{
                        overflow: hidden;
                        height:auto;
                        padding:0;
			margin:5px;
			display:none;
			list-style-type:none;

		}

                .clsContenedor ul{
                        overflow: hidden;
                        background:#ffffff;
                        font-size:12px;
                        line-height:1.6;
                        color:#000;
                        height:auto;
                        padding:0;
			margin:0px;
			display:none;
			list-style-type:none;

		}


                        .clsContenedor ul:first-child strong{
			border-radius: 10px 10px 0 0;

		}
		        .clsContenedor ul:last-child strong{
			border-radius: 0 0 10px 10px;
			}

                        .clsContenedor ul li a{

				display:block;
				padding:3px;
				color:#fff;
				text-decoration:none;
				text-indent:10px;
				text-shadow: 2px 2px 2px #000;
			}
				.clsContenedor ul li a:hover{
					background:#000;
					color:#ff0000;
					text-shadow: 2px 2px 2px #222;

				}
				.clsContenedor ul li.clsUltimo a:hover{
					border-bottom-left-radius:5px;
					border-bottom-right-radius:5px;
				}
		.clsAbajo{
			background:transparent;
		}
		.clsArriba{
			background:url(../img/arriba.png) no-repeat right center;
		}
.slide-1{
      background:#202120; color:#fff; }

.slide-2{
      background:#3E3F3E; color:#fff; }

.slide-3{
      background:#5B5B5B; color:#fff; }

.slide-4{
      background:#767776; color:#fff; }

.slide-5{
      background:#909090; color:#fff; }
      
      



/* estilo formulario */


.contact_form h2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #5CD053;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 433px;
}
/*--- estilos para los ul y li del formulario ---*/
.contact_form ul {
    width:750px;
    list-style-type:none;
	margin:0px;
	padding:0px;
}
.contact_form li{
	padding:12px;
	border-bottom:1px solid #eee;
	position:relative;
}
.contact_form label {
    color: #000000;
    display: inline-block;
    float: left;
    font-family: 'Century Gothic';
    font-size: 15px;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}
.contact_form input {
	height:20px;
	width:250px;
	padding:5px 8px;
}
.contact_form textarea {
	padding:8px;
	width:250px;
}
.contact_form button {
	margin-left:90px;
}

/*----- estilos visuales de los elementos --------*/

.contact_form input, .contact_form textarea {
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	padding-right:30px;
	-moz-transition: padding .25s;
	-webkit-transition: padding .25s;
	-o-transition: padding .25s;
	transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
	background: #fff;
	border:1px solid #555;
	box-shadow: 0 0 3px #aaa;
	padding-right:80px;
}

/* === Estilos de Validacion === */

.contact_form input:required:valid, .contact_form textarea:required:valid {
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Estilos del boton de Envio === */
button.submit {
   padding: 9px 17px;
   font-family: 'Century Gothic';
   font-size:14px;
   line-height: 1;
   color: #000;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
	opacity:.55;
	cursor: pointer;
	color: #000;
}
button.submit:active {
	border: 1px solid #222;
	box-shadow: 0 0 10px 5px #444 inset;
}

/* fin estilo formulario */