* {text-indent:0px; margin:0px; padding:0px; border:0px;}
body {text-align:center; background-color:#c2ffff;
 background:url(img/water_bk.jpg);
 font-family:arial,'Trebuchet MS',sans-serif;}/* 'Julius Sans One', 'Trebuchet MS', */
#global {width:1024px; margin:0px auto;}
p {text-align:justify;color: #0000FF; font-size: 12pt;font-family:arial,'trebuchet ms';}
h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline;
text-align:center;font-family:'trebuchet ms';}
h2 {font.size:1.0em; color:blue; font-weight:bold; text-decoration:none;
text-align:center;font-family:'trebuchet ms';}
h3 {font.size:1.0em; color:blue; font-weight:bold; text-decoration:none;
text-align:right;font-family:'trebuchet ms';}
h4 {font.size:1.0em; color:red; font-weight:bold; text-decoration:none;
text-align:left;font-family:'trebuchet ms';}
hr {margin: auto;width:1024px;}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* para 980px o menos */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	.content {
		width: 65%;
	}
	#sidebar {
		width: 30%;
	}

}

/* para 700px o menos */
@media screen and (max-width: 700px) {

	.content {
		width: auto;
		float: none;
	}
	#sidebar {
		width: auto;
		float: none;
	}

}

/* para 480px o menos */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	#sidebar {
		display: none;
	}

}
#cabecera {
	border:2px solid blue;
    border-radius:15px;
	background-color:white;
	border-left:blue 2px solid;
    border-right:blue 2px solid;
    height:240px;
    width:;behavior: url(PIE.htc);
}
/*#cabecera {background-color:orange; border-left:white 0px solid;
border-right:white 1px solid; height:240px;width:1024px;}*/
/*#logotipo {width:280px; float:left;}*/
#cabecera2 {
width: 300px;
height: 240px;
position: relative;
text-decoration: none;
text-align: center;
float: left;
margin:20px 0px 20px 0px;
z-index: 205;behavior: url(PIE.htc);
}
#logotipo {
	width:200px;
	height:200px;
	background-image: url(logo/bgflags01.gif); 
    background-repeat: no-repeat;
    margin:20px 0px 40px 30px;
    text-align: center;
    position: -absolute;
    float:left;}behavior: url(PIE.htc);
#titulo1 {
	text-align: center;
	width:402px;
	-font-size:16px;
	height:240px;
    position: relative;
    background-image: -url(img/-titulo03.jpg);
    margin:0px 0px 40px 0px;
    float:left;behavior: url(PIE.htc);
}
#vertical {width:16px;
 height:200px;
  position: absolute;
}
.paf {
margin:0px 0px 0px 0px;
width: 250px;
height: 240px;
position: relative;
text-decoration: none;
text-align: right;
float: left;
z-index: 205;behavior: url(PIE.htc);
}
.span02 {
	text-align: ;
font-style:bold;
font-family:arial,'arial rounded mt bold','trebuchet ms';
font-size:1.3em;
color:blue;
margin:0px 0px 0px 0px;
z-index:251;
background-color:white;
behavior: url(PIE.htc);
}
.span03 {
text-align: right;
font-style:bold;
font-family:arial,'arial rounded mt bold','trebuchet ms';
font-size:1.3em;
margin:0px 0px 0px 0px;
color:blue;
z-index:252;
background-color:white;
behavior: url(PIE.htc);
}
#address {
width:200px;
height:50px;
padding:0px;
float:left;
padding:0px;
margin:0px 0px 0px 20px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:16px;
background-color:white;
behavior: url(PIE.htc);
}
#mapa {
width:200px;
height:30px;
border-bottom:0px dotted #0000ff;
border-radius:0px;
padding:3px;
float:left;
padding:0px;
margin:10px 0px 10px 0px;
font-family:arial,'arial rounded mt bold','trebuchet ms';
font-size:16px;
background-color:white;
behavior: url(PIE.htc);
}

#phone{
width:300px;
height:20px;
border-bottom:0px dotted #ff0277;
border-radius:0px;
padding:3px;
float:left;
padding:3px;
margin:20px 0px 0px 0px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:22px;
-background-color:#FFE100;behavior: url(PIE.htc);
z-index: 199;
}
#phone2{
position: relative;
width:960px;
height:50px;
text-align:center;
border-bottom:0px dotted #ff0277;
border-radius:0px;
padding:3px;
float:left;
padding:0px;
margin:0px 0px 20px 0px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:78px;
-background-color:red;behavior: url(PIE.htc);
z-index: 198;
}

.oferta {
	border:2px solid blue;
    border-radius:15px;
	background-color:white;
	border-left:blue 2px solid;
    border-right:blue 2px solid;
    height:600px;
    width:1024px;behavior: url(PIE.htc);
}

.td01 {
position: relative;
width: 33%;
height: 200px;
text-align:center;
color:white;
font-style:bold;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:15px;
color:white;
text-indent: 50px;behavior: url(PIE.htc);
z-index:256;
 }
.td02 {
position: relative;
width: 700px;
height: 100px;
text-align:center;
color:blue;
font-style:bold;
font-family:'arial unicode ms','trebuchet ms';
font-size:15px;
color:white;
text-indent: 50px;behavior: url(PIE.htc);
z-index:256;
 }
.td03 {
position: relative;
width: 350px;
height: 100px;
text-align:center;
color:blue;
font-style:bold;
font-family:'arial unicode ms','trebuchet ms';
font-size:20px;
color:white;
text-indent: 0px;behavior: url(PIE.htc);
z-index:282;
 }
#form0 {
width:280px;
height:30px;
border-bottom:0px dotted #0000ff;
border-radius:0px;
float:left;
padding:0px;
margin:30px 0px 0px 0px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:16px;
-background-color:#0000ff;behavior: url(PIE.htc);
}
.form {
width:500px;
height:700px;
border-bottom:0px dotted #ff0277;
border-radius:0px;
float:left;
padding:0px;
margin:10px 10px 0px 30px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:12px;
-background-color:#FFE100;behavior: url(PIE.htc);
}
.correo {
width:1024px;
height:60px;
border-bottom:0px dotted #0000ff;
border-radius:0px;
float:right;
padding:0px;
margin:30px 0px 30px 0px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:22px;
color:blue;
text-align:right;
position: relative;
-background-color:#c0c0c0;behavior: url(PIE.htc);
z-index:259;
}
.correo2 {
width:340px;
height:200px;
border-bottom:0px dotted #0000ff;
border-radius:0px;
float:right;
padding:0px;
margin:60px 0px 30px 0px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:14px;
color:white;
text-align:center;
position: relative;
-background-color:#c0c0c0;behavior: url(PIE.htc);
z-index:258;
}
.redes {
width:1024px;
height:110px;
border-bottom:0px dotted #0000ff;
border-radius:15px;
float:right;
padding:0px;
margin:30px 0px 30px 0px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:22px;
color:blue;
text-align:right;
position: relative;
background-color:#fede01;behavior: url(PIE.htc);
}

#frame {
	position:relative;
    margin:0px;
	z-index: 111;
	width: 1024px;
	height: 300px;
	scrolling:no;
	overflow:auto;
	background: transparent;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
} 
.frame2 {
	position:relative;
    margin:0px;
	z-index: 112;
	width: 1024px;
	height: 400px;
	scrolling:no;scroll-behavior: url(PIE.htc);
	overflow:auto;behavior: url(PIE.htc);
} 
.titulo02 {
text-decoration:underline ; font-size:32px ;
font-family:'arial mt bold','Trebuchet MS',Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0px 10px 20px 10px;
color:#ff0000;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
 
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#publicidad {width:742px; float:right; margin-top:25px; font-size:16px;background-color:silver;}
#navegacion {
	width: 100%;
	text-align: justify;
	background-color:;
	border:black 0px solid;
	height:40px;
	font-size:2.0em;
	color: red;
    font-family:arial,'Trebuchet MS',Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-left:200px;
    behavior: url(PIE.htc);
    scroll-behavior: url(PIE.htc);
}
#navegacion li {float:left; list-style:none; margin:0px 10px 10px 10px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#navegacion ul {margin-left:10px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#contenido {background-color:orange; border-left:white 0px solid;
border-right:white 1px solid;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#contenido p {padding:5px 10px 0px 10px; text-indent:15px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#servicios{
width:900px;
height:50px;
border:1px solid blue;
border-radius:10px;
padding:3px;
float:left;
margin:0px 20px 30px 60px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:12px;
color:#FF6A00;
background-color:blue;
list-style:none;
position: relative;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}
#contenedor{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: yellow;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}
.menu{
width:1024px;
height:75px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:12px;
color:white;
border:2px solid blue;
border-radius:15px;
float:left;
padding:0px;
margin:0px 0px 0px 0px;
behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
background-color:white;
}

.div0{
display: block;
position: relative;
width:970px;
height:25px;
font-family:'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:32px;
color:red;
margin-top: .0em;
margin-bottom: .0em;
margin-left: 1.0em;
margin-right: 1.0em;
float:center;
left: 0px;
-margin:0px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
z-index:150;
}

.div00{
display: flex;
position: absolute;
width:50px;
font-family:'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:20px;
color:blue;
float:left;
left: 0px;
margin:0px 0px 0px 500px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}

.div01{
display: block;
position: relative;
width:970px;
font-family:'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:20px;
color:blue;
float:left;
left: 0px;
-margin:0px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
z-index:151;
}

#div1{
width:970px;
height:25px;
font-family:'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:20px;
color:white;
margin-top: .0em;
margin-bottom: .0em;
margin-left: 1.0em;
margin-right: 1.0em;
float:left;
left: 0px;
-margin:0px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
z-index:1;
}

#div2{
font-family:'eras bold itc','arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:16px;
color:white;
margin-top: .5em;
margin-bottom: .5em;
margin-left: 2.5em;
margin-right: .5em;
position: relative;
float:left;
left: 0px;
-margin:0px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
z-index:2;
}
#div3{
font-family:'eras bold itc','arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:16px;
color:white;
margin-top: .5em;
margin-bottom: .0em;
margin-left: 2.5em;
margin-right: 2.5em;
position: relative;
float:left;
left: 0px;
-margin:0px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
z-index:3;
}
#div4{
font-family:'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:16px;
color:white;
margin-top: .5em;
margin-bottom: .5em;
margin-left: 2.5em;
margin-right: 2.5em;
position: relative;
float:left;
left: 0px;
-margin:0px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
z-index:4;
}
#div5{
font-family:'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:16px;
color:white;
margin-top: .5em;
margin-bottom: .5em;
margin-left: 2.5em;
margin-right: 2.5em;
position: relative;
float:left;
left: 0px;
-margin:0px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
z-index:5;
}
#div6{
font-family:'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:16px;
color:white;
margin-top: .5em;
margin-bottom: .5em;
margin-left: 2.5em;
margin-right: 2.5em;
position: relative;
left: 0px;
float:left;
left: 0px;
-margin:0px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
z-index:6;
}
.oval1 {
width: 400px;
height: 30px;
margin-top: .0em;
margin-bottom: .0em;
margin-left: .0em;
margin-right: .0em;
position: relative;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-background: #5cb85c;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}
.oval2 {
width: 120px;
height: 30px;
margin-top: .0em;
margin-bottom: .0em;
margin-left: .0em;
margin-right: .0em;
position: relative;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-background: #5cb85c;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}
.oval3 {
width: 140px;
height: 35px;
margin-top: .0em;
margin-bottom: 1.5em;
margin-left: .0em;
margin-right: .0em;
position: relative;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-background: #5cb85c;behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
}
.oval4 {
width: 120px;
height: 40px;
margin-top: .0em;
margin-bottom: .0em;
margin-left: .0em;
margin-right: .0em;
position: relative;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-background: #5cb85c;behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
}
.oval5 {
width: 120px;
height: 40px;
margin-top: .0em;
margin-bottom: .0em;
margin-left: .0em;
margin-right: .0em;
position: relative;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-background: #5cb85c;behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
}
.oval6 {
width: 120px;
height: 40px;
margin-top: .0em;
margin-bottom: .0em;
margin-left: .0em;
margin-right: .0em;
position: relative;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-background: #5cb85c;behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
}

.service {
width:320px;
height:490px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:12px;
color:#404040;
border:4px double red;
border-radius:;
float:left;
padding:0px;
margin:0px 0px 0px 0px;
background-color:#e0e0e0;
scroll-behavior: url(PIE.htc);
}
.service0 {
position: relative;
width:;
height:400px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:12px;
color:#404040;
border:1px solid white;
border-radius:0px;
float:left;
padding:0px;
margin:0px 0px 0px 0px;
background-color:;behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
}
.service01 {
width:300px;
height:20px;
font-family:arial,'arial rounded mt bold','trebuchet ms';
font-weight:bold;
color:#404040;
font-size:14px;
border:1px solid gray;
border-radius:5px;
float:left;
padding:0px;
margin:5px 0px 5px 10px;
background-color:#ffffff;behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
}

#contenedor2{ 
    background:#930; 
    padding:10px; 
	width: 650px;
	height: 480px;
	float: flex;
	border:0px solid gray;behavior: url(PIE.htc);
	scroll-behavior: url(PIE.htc);
}

#frame {
    margin: 0px 0px 0px 50px;
	border: 0px solid #999;
	width: 650px;
	height: 176px;behavior: url(PIE.htc);
	scroll-behavior: url(PIE.htc);
}

#subframe1 {
	padding:1px;
	margin-left: 50px;
	padding:0px; 
	border: 0px solid #000fff;
	width: 300px;
	height: 200px;
	float: block;
	font-style:normal;
    font-family:'arial rounded mt bold','trebuchet ms';
    font-size:18px; color:#848484;behavior: url(PIE.htc);
    scroll-behavior: url(PIE.htc);
}

#subframe2 {
	border:4px double #ff0277;
	border-radius:;
	background-color:#ffffff;
	width: 330px;
	height: 400px;
	float: block;
	font-style:normal;
	font-weight:bold;
    font-family:'arial rounded mt bold','trebuchet ms';
    font-size:1.0em;
    color:blue;
    margin:0px 0px 0px 0px;
    padding:30px;
    text-align:left;behavior: url(PIE.htc);
    scroll-behavior: url(PIE.htc);
}

.dossier2{
width:650px;
height:450px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:12px;
color:white;
border:0px solid blue;
border-radius:15px;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
background-color:white;behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
}
.dossier3{
width:650px;
height:450px;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:12px;
color:white;
border:0px solid blue;
border-radius:15px;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
background-color:#c0c0c0;behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
}
.transition {
position: relative;
border:0px;
border-radius: 15;
width:770px;
height:370px;
font-size:1.0em ;
font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
color:white;
background-color:;
margin:auto;
padding:15px;behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
z-index:8;
}
.transition li {list-style:none;}
.circulo {
     width: 48px;
     height: 48px;
     -moz-border-radius: 24%;
     -webkit-border-radius: 24%;
     border-radius: 24%;
     background: #5cb85c;behavior: url(PIE.htc);
     scroll-behavior: url(PIE.htc);
	 /* o poner una imagen de fondo: background-image: url("img/punto01.png"); por ejemplo*/
}
.circle { 
display: -block; 
width: 48px; 
height: 48px; 
border-radius: 24px;
-background: -red; 
-webkit-border-radius: 24px; 
-moz-border-radius: 24px; 
border-radius: 24px; 
background: url(img/punto01.png) no-repeat;
scroll-behavior: url(PIE.htc);
} 
.circle img {
	opacity: 0;
	filter: alpha(opacity=0);
	} /* esto hace que se pueda arrastrar la imagen al escritorio */
/* y también poner en la web: "<div class="circular"><img src="http://link-to-your/image.jpg" alt="" /></div>" para que pueda ser afectivo el arrastre */
.circular_shadow { 
display: -block; 
width: 48px; 
height: 48px; 
border-radius: 24px;
-background: -red; 
-webkit-border-radius: 24px; 
-moz-border-radius: 24px; 
border-radius: 24px; 
background: url(img/punto01.png) no-repeat;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
} 
.circular_shadow { opacity: 0; filter: alpha(opacity=0); behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#menu {
position: relative;
border:1px;
border-radius: 15;
width:950px;
height:40px;
font-size:1.0em ;
font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
color:white;
background-color:navy;
margin:auto;
padding:5px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
z-index:7;
}
#menu li {list-style:none; margin:4px 8px 4px 6px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#menu h1 {text-decoration:none ; font-size:12px ; 
background-image: url(objetos/menu-parte-superior.gif);behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}


p.01 {
font-style:normal;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:18px; color:#ffffff;
left: 300px;
margin:15px;
text-align: center;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}
p.02 {
font-style:normal;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:18px; color:#ffffff;
left: 300px;
margin:15px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}
p.03 {
font-style:normal;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:18px; color:#ffffff;
left: 300px;
margin:15px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}
p.04 {
font-style:normal;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:18px; color:#ffffff;
left: 300px;
margin:15px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}
/*<style type="text/css" media="screen, print, projection">*/
/* style text by span 02 */

span .01 {
font-style:normal;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:18px;
color:red;
left: 300px;
margin:30px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}

span .02 {
font-style:normal;
font-family:'arial rounded mt bold','trebuchet ms';
font-size:18px;
color:#ffffff;
left: 300px;
margin:30px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}

.span04 {
text-align: center;
font-style:bold;
font-family:arial,'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:1.2em;
color:blue;
behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
z-index:256;
}

.span05 {
text-align: center;
font-style:bold;
font-family:arial,'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:1.5em;
color:blue;
behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
z-index:257;
}

.span06 {
text-align: center;
font-style:bold;
font-family:arial,'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:1.5em;
color:blue;
behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
z-index:258;
}

.span07 {
text-align:;
font-style:bold;
font-family:arial,'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:3.0em;
color:red;
behavior: url(PIE.htc);
scroll-behavior: url(PIE.htc);
z-index:259;
}

#span05 {
width:350px;
height:100px;
font-style:bold;
font-family:'arial rounded mt bold','trebuchet ms';
font-weight:bold;
font-size:20px;
color:white;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
z-index:281;
}
#caja1{
width:400px;
height:500px;
border:8px double #ff0277;
border-radius:0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
padding:9px;
}
#caja2{
width:100px;
height:20px;
border:4px double #ff0277;
border-radius:22px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
padding:9px;
}
#caja3{
width:424px;
height:100px;
border:4px double #ff0277;
border-radius:15px;
padding:1px;
background-color:white;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
font-size:16px;
}

#caja4{
width:278px;
height:300px;
border:4px double #ff0277;
border-radius:22px;
padding:1px;
background-color:#a9c7df;
font-size:1.1em;
margin:30px 0px 0px 50px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}

#caja5{
width:300px;
height:170px;
border:4px double #ff0277;
border-radius:0px;
padding:1px;
background-color:#fff;
font-size:1.1em;
margin:0px 0px 0px 0px;
scroll-behavior: url(PIE.htc);
}

.caja6{
width:330px;
height:220px;
border:4px double #ff0277;
border-radius:0px;
padding:1px;
background-color:#fff;
font-size:1.1em;
margin:0px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}

.caja7{
width:330px;
height:490px;
border:4px double #ff0277;
border-radius:0px;
padding:1px;
background-color:#fff;
font-size:1.1em;
margin:0px 0px 0px 0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}

.nav > li {
float:left;
}
 
.nav li a {
background:#0c9ba0; /* turquesa */
color:#FFF;
display:block;
border:1px solid;
padding:10px 10px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}
 
.nav li a:hover {behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
background:#0fbfc6; /* turquesa */
}

#menusinjs {
				margin:auto;
				width:1024px;
				font-family:Trebuchet MS,Arial, Helvetica, sans-serif;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
}
			
			nav{
            height: auto; /*Junto a overflow: hidden; aplicará a nuestro elemento nav el mismo alto que el más alto de sus elementos hijos */ 
            margin: 0 auto; /* Centro el contenedor */
            overflow: hidden;
            text-align: left;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
            width: 1024px; /* Defino el ancho de mi página */
        }
			
			ul, ol {
				list-style:none;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
			}
			
			.nav > li {
				float:left;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
			}
			
			.nav li a {
				background-color:#0000cd;
				color:#fff;
				text-decoration:none;
				padding:10px 12px;
				display:block;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
			}
			
			.nav li a:hover {
				background-color:#ff0000;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:140px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
			}
			
			.nav li:hover > ul {
				display:block;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
			}
			
			.nav li ul li {
				position:relative;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
			}
			
			.nav li ul li ul {
				right:-140px;
				top:0px;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
			}


/*#pie {border-left:black 1px solid;
      border-right:black 1px solid;
      border-top:black 1px solid;
			height: 65px ;}
#pieuno {background-color:white; float:left; width:150px; border-right: black 1px solid;}
#piedos {background-color:silver; float:left; width:722px;}
#pietres {background-color:white; float:left; width:150px; border-left:black 1px solid;}*/
#pie {border-left:black 1px solid; border-right:black 1px solid; border-bottom:black 1px solid;
      border-top:black 1px solid; height:200px; width:1024px;background-color: #404040;
 color:white;
z-index:255;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#pie li {list-style:none; font-size:16px;color:white;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#pieuno {float:left; width:150px; margin:20px 0px 20px 20px;color:white;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#piedos {float:left; width:722px; margin:20px 0px 20px 20px;color:white;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#pietres {float:left; width:150px; margin:20px 0px 20px 20px;color:white;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
/*#curva-inferior {background-image:url(objetos/curva-inferior.gif);
background-repeat: no-repeat ;
width:1024px ; 
height: 12px
overflow: hidden;}*/
a {color:blue; text-decoration:none; display:block;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
a:link {color:; text-decoration:none;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
a:visited {color:red; text-decoration:none;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
a:hover {color:orange; text-decoration:underline; background-color:;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
a:active {behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#pie a {color: ; text-decoration:none ; display: block;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc); }
#pie a:link {behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#pie a:visited {behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#pie a:hover {color:#00baff; text-decoration:underline ; background-color: white;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc); }
#pie a:active {color:black;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#logotipo a {behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#logotipo a:link {behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#logotipo a:visited {behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#logotipo a:hover {background-color: transparent;behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}
#logotipo a:active {behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);}

.corner {behavior: url(PIE.htc);scroll-behavior: url(PIE.htc);
/*para Firefox*/
-moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
/* para Opera */
border-radius: 15px 15px 15px 15px;
}
/*border-radius: 10px 10px 10px 10px;*/
@media all and (max-width: 600px){
    div{
        width:100%;
        height:auto;
        margin-left:10px;
    }
}

a.menu {
    display:inline-block;
    padding:0px 12px;
    margin:0px 8px;
}

@media all and (max-width: 1200px) {
    a.menu {
        display: inline-block;
        padding:0px 6px;
        margin:0px 4px;
    }
}

@media all and (max-width: 840px) {
    a.menu{
        margin:0px;
        padding:0px;
        padding-left:5%;
        display:block;
        float:none;
        text-align:left;
    }
}

@media all and (max-width: 520px) {
    a.menu{
        padding-left:20%;
    }
}