a {text-decoration: none; color:red;}
a:link {text-decoration: none; color:red;}
a:hover {text-decoration: none; color:red;}



body {background-color: #E6E6FA; margin:0} /* color de fondo de la pagina */

p {font-family: 'Open Sans'; font-style: normal;}


#cuerpo {margin:0 auto 0 auto; width:960px; padding:10px; background-color:white;box-shadow: 2px 2px 2px 5px #999;} /* el 2px de la izquierda cambia el aspecto */

#logo {width:950px; height: 117px; padding: 10px; background-color: white;}
#logo1 {float:left; width:470px;}
#logo2 {height:115px;float:right; width:470px; font-family: 'Open Sans'; font-style: light; font-weight:700; text-align: left;font-size: 14px }


#enlaces-arriba {font-family: 'Open Sans'; font-weight:700; text-align: right; text-color:black; } /* definimos los enlaces en la parte superior */
#enlaces-arriba a:link {color:black; } /* definimos los enlaces en la parte superior */
#enlaces-arriba a:hover {color:red; } /* definimos los enlaces en la parte superior */
#enlaces-arriba a:visited {color:black; } /* definimos los enlaces en la parte superior */

#enlaces-abajo {font-family: 'Open Sans'; font-style: light; font-weight:700; text-align: left; color:white;font-size: 12px } /* definimos los enlaces en la caja inferior */
#enlaces-abajo-small {font-family: 'Open Sans'; font-style: light; font-weight:700; text-align: left; color:white; font-size: 10px;} /* definimos los enlaces en la caja inferior */
#enlaces-abajo-small a:link { color:black; } /* definimos los enlaces en la caja inferior */
#enlaces-abajo-small a:hover { color:white; } /* definimos los enlaces en la caja inferior */
#enlaces-abajo-small a:visited { color:black; } /* definimos los enlaces en la caja inferior */

#caja-pie {margin: 0 -20 0 auto; width:980px; height:190px;  background-color:#ff1e00; padding:5px; font-color: black;}
h3 {font-family: 'Open Sans'; font-weight:300; text-align; text-color:black; font-size: 12px;}
h3 a {font-family: 'Open Sans'; font-weight:300; text-align; text-color:black; font-size: 12px;}
h3 a:link {text-decoration: none; color:red;}
h3 a:hover {text-decoration: none; color:red;}



#caja-pie-izquierda { width:290px; padding: 5px; float:left; display:inline;}
#caja-pie-centro { width:290px; padding: 5px; float:left; display:inline;}
#caja-pie-centro p {text-align:center;}
#caja-pie-derecha { width:290px; padding: 5px; float:right; display:inline;}

#texto-bajo-imagen {height: 300px; font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 24px; text-align:center;}
#texto-bajo-imagen h1 {font-weight: 700;font-size: 24px; text-align:center; }
#texto-bajo-imagen p {font-weight: 300;font-size: 18px; text-align:justify; }
#texto-bajo-imagen a {font-family: 'Open Sans', sans-serif;font-weight: 700; text-color:red; text-decoration: none; color:red;}


#cuerpo-principal { padding: 10px; background-color: white; }
#cuerpo-principal p { font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 18px; text-align:justify; }
#cuerpo-principal h1 { font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 24px; text-align:left; }
#cuerpo-principal li { font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 18px; text-align:justify; }
#cuerpo-principal ul { list-style-type: square; }
#cuerpo-principal a {font-family: 'Open Sans', sans-serif;font-weight: 700; text-color:red; text-decoration: none; color:red;}
#cuerpo-principal a:link {text-decoration: none; color:red;}
#cuerpo-principal a:hover {text-decoration: none; color:red;}
#cuerpo-principal a:visited {text-decoration: none; color:red;}

table#tabla {  font-family: 'Open Sans', sans-serif;font-weight: 300; border-collapse: collapse; border: 2px solid #CCC; font-size: 18px;}
table#table th { font-weight: bold;    background-color: #E1E1E1;    padding:5px;}
table#tabla tbody tr:hover rd {background-color: #F3F3F3;}
table#tabla td {padding: 5px 10px;}

#elegante input { padding: .2em; background-color: #E1E1E1;}
#elegante label { font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 14px; text-align:left;}
#elegante legend { font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 18px; text-align:left;}

label { display:block; margin: .5em 0 0 0;}

#abajo { padding: 10px; position:relative; bottom:0%; right:0%; margin:0 5px 5px 0; font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 14px;}

/* principio menu */
#cssmenu {
  background: #ff1e00;
  width: 960px;
  position: relative;
  display: block;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block;
  zoom: 1;
}
#cssmenu ul:after {
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  float: left;
  display: block;
  padding: 0;
}
#cssmenu ul li a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 15px 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
#cssmenu ul li a:hover {
  color: #333333;
}
#cssmenu ul li a:hover:before {
  width: 100%;
}
#cssmenu ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: -3px;
  top: 19px;
  height: 6px;
  width: 6px;
  background: #ffffff;
  opacity: .5;
}
#cssmenu ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #333333;
  -webkit-transition: width .25s;
  -moz-transition: width .25s;
  -ms-transition: width .25s;
  -o-transition: width .25s;
  transition: width .25s;
}
#cssmenu ul li.last > a:after,
#cssmenu ul li:last-child > a:after {
  display: none;
}
#cssmenu ul li.active a {
  color: #333333;
}
#cssmenu ul li.active a:before {
  width: 100%;
}
@media screen and (max-width: 300px) {
  #cssmenu ul li {
    float: none;
  }
  #cssmenu ul li a {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #cssmenu ul li a:after {
    display: none;
  }
  #cssmenu ul li a:before {
    height: 1px;
    background: #ffffff;
    width: 100%;
    opacity: .2;
  }
  #cssmenu ul li.last > a:before,
  #cssmenu ul li:last-child > a:before {
    display: none;
  }
}

/* fin menu */

/* cookies y aviso */

/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:43px;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies */
