/* ---------------------- Menu ---------------------- */
#navi {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#navi li {
    float: left;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#navi li a {
    background-color: #666666;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    padding-bottom: 4px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
#navi li a:hover {
    background-color: #990000;
    color: #FFFFFF;
}


#navi_sub {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
	text-transform:uppercase;
}
#navi_sub li {
    float: left;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#navi_sub li a {
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
#navi_sub li a:hover {
    background-color: #4B0C0C;
    color: #FFFFFF;
}




#menucontainer{
	position:relative;
	height:56px;
	color:#E0E0E0;
	background:#143D55;
	width:100%;
	font-family: Calibri, Helvetica,Arial,Verdana,sans-serif;
	}

#menunav{
	position:relative;
	height:33px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(dolphin_bg.gif) repeat-x bottom left;
	padding:0 0 0 20px;
	}

#menunav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
	}

#menunav ul li{
	display:block;
	float:left;
	margin:0 1px;
	}

#menunav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
	}

#menunav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;
	}

#menunav ul li a:hover{
	color:#fff;
	background:transparent url(dolphin_bg-OVER.gif) repeat-x bottom left;
	}

#menunav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;
	}

#menunav ul li a.current,#dolphinnav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(dolphin_left-ON.gif) no-repeat top left;
	line-height:275%;
	}

#menunav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#1D6893 url(dolphin_right-ON.gif) no-repeat top right;
	height:33px;
	}
	
#menunav ul li ul{
	display:none;
	float:left;
	margin:0 1px;
	}	
/* ---------------------- END Menu nav ---------------------- */

#fondo{	
	width:984px;
	margin:0 auto;
	background:url(../images/patt_2.png);
	/*background:url(../images/patt_2.jpg);*/
	background-repeat: repeat-y;
	background-color:#CDD3C7
}

#header {
	BACKGROUND-COLOR: #2744b6; 
	MARGIN: 0px; 
	WIDTH: 960px; 
	HEIGHT: 210px; 
	OVERFLOW: hidden
}


#cuerpo {
	/*background-color:#6C6C6C;*/
}


#MDN{
	margin:10px 0 0 0;
}

#cuerpo_principal {
	BORDER-BOTTOM: #cccccc 3px solid; 
	POSITION:inherit; 
	Z-INDEX: 55;
	BORDER-LEFT: #cccccc 3px solid; 
	MARGIN-TOP: 8px; WIDTH: 390px; 
	FLOAT: left; 
	/*HEIGHT: 775px; */
	MARGIN-LEFT: 10px; 
	/*OVERFLOW: hidden; */
	BORDER-TOP: #cccccc 3px solid; 
	BORDER-RIGHT: #cccccc 3px solid;
	background-color:#FFFFFF;
}

#lateral_derecho {
	MARGIN-TOP: 8px;
	margin-right:0px;
	/*HEIGHT: 775px;*/
	background-color:#FFFFFF; 
	/*OVERFLOW: hidden*/
}

#link {
	width:336px;
	margin:0px 9px 10px 0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	padding-top:10px; 
	border:#cccccc 2px solid; ;
}
#link p, #ULTIMAS_NOTICIAS p {
	FONT-FAMILY: calibri, arial, sans-serif;
	BACKGROUND-COLOR:#4b5496;
	COLOR: #ffffff; 
	FONT-SIZE: 18px;
	padding:5px 10px 5px 10px;
}


#BANER1{
	width:157px;
	/*HEIGHT: 240px;*/
	float:left;
	margin:0 0 10px 0;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	padding-top:10px; 
	border:#cccccc 2px solid; 
	OVERFLOW: hidden;
}



#BANER2{
	width:157px;
	/*HEIGHT: 240px;*/ 
	float:left;
	margin:0 -10px 10px 6px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	padding-top:10px; 
	border:#cccccc 2px solid; 
	OVERFLOW: hidden;
}

#BANER3{
	width:332px;
	margin:0px 0px 10px 0;
	padding-left:5px;
	padding-right:9px;
	padding-bottom:10px;
	padding-top:10px; 
	border:#cccccc 2px solid; ;
}

#BANER1 p, #BANER2 p, #BANER3 p, #resto p{
	FONT-FAMILY: calibri, arial, sans-serif;
	BACKGROUND-COLOR:#4b5496;
	COLOR: #ffffff; 
	FONT-SIZE: 14px;
	padding:5px 10px 5px 10px;
	margin-bottom:0px;
	
}


#ULTIMAS_NOTICIAS{
	margin:0px -10px 10px 0;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	padding-top:10px; 
	border:#cccccc 2px solid; 
	width:336px;
	
}

#ULTIMAS_NOTICIAS .titulo{
	FONT-FAMILY: calibri, arial, sans-serif;
	font-weight:bold;
	COLOR:#000000;
	padding:0 10px 0 10px;
	
	
}

#ULTIMAS_NOTICIAS .cuerpo{
	FONT-FAMILY: calibri, arial, sans-serif;
	COLOR:#000000;
	padding:0 10px 0 10px;
}


#espacio {
	BACKGROUND-COLOR: #ffffff; HEIGHT: 20px; 
}

#footer {
	FONT-FAMILY: calibri, arial, sans-serif;
	text-align:center;
	BACKGROUND-COLOR:#000000;
	COLOR: #ffffff; 
	FONT-SIZE: 12px;
	padding:5px 10px 5px 10px; 
	HEIGHT: 40px; 
	OVERFLOW: hidden;
	
}
#volanta {
	PADDING-BOTTOM: 4px; 
	margin:10px 5px;
	BACKGROUND-COLOR: #930000;
	PADDING-LEFT: 3px; PADDING-RIGHT: 3px; 
	FONT-FAMILY: calibri, arial, sans-serif;
	COLOR: #ffffff; FONT-SIZE: 14px; 
	TEXT-DECORATION: none; 
	PADDING-TOP: 5px
}
#volanta2 {
	TEXT-TRANSFORM: uppercase; FONT-FAMILY: "Trebuchet MS", Tahoma; COLOR: #7e7e7e; FONT-SIZE: 12px
}
#titulo {
	FONT-FAMILY: calibri, arial, sans-serif;
	font-weight:bold;
	COLOR:#000000;
	padding:0 10px 0 10px;
	font-size: 17px; 
	text-decoration: none; 
	text-transform: uppercase;
	line-height: 140%
}
#cuerpo {
	FONT-FAMILY: calibri, arial, sans-serif;
	COLOR:#000000;
	padding:0 10px 0 10px;
	Font-size:12px; 
	text-align: justify;
	line-height: 140%
}
BODY {
	MARGIN: 0px;
	background-image:url(../img/bandera2.png);
	background-repeat:repeat-x;
	background-color:#336699;
	background-attachment:fixed;
}
#cuerpol {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 7px; MARGIN: 5px 2px 5px 5px; PADDING-LEFT: 3px; WIDTH: 268px; PADDING-RIGHT: 3px; FLOAT: left; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 7px
}
#cuerpor {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 7px; MARGIN: 5px 0px 5px 5px; PADDING-LEFT: 3px; WIDTH: 268px; PADDING-RIGHT: 3px; FLOAT: right; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 7px
}
#cuerporg {
	PADDING-BOTTOM: 7px; MARGIN: 5px; PADDING-LEFT: 3px; WIDTH: 569px; PADDING-RIGHT: 3px; HEIGHT: 680px; PADDING-TOP: 7px
}
#cuerpor1col {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 7px; MARGIN: 5px; PADDING-LEFT: 3px; WIDTH: 720px; PADDING-RIGHT: 3px; CLEAR: both; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 7px
}
#login {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 7px; MARGIN-TOP: 5px; PADDING-LEFT: 3px; WIDTH: 232px; PADDING-RIGHT: 3px; MARGIN-BOTTOM: 5px; HEIGHT: 116px; MARGIN-LEFT: 30%; CLEAR: both; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 7px
}
#foto {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; WIDTH: 137px; PADDING-RIGHT: 2px; FLOAT: left; HEIGHT: 145px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 2px
}
#cuerpor2 {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 7px; MARGIN: 15px 15px 5px; PADDING-LEFT: 8px; WIDTH: 150px; PADDING-RIGHT: 3px; FLOAT: right; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 7px
}
#pie {
	TEXT-ALIGN: center; MARGIN: auto; WIDTH: 617px; FONT-FAMILY: "Trebuchet MS", Tahoma; BACKGROUND: url(../imagenes/fondonav.gif) #7e7e7e; COLOR: #cccccc; FONT-SIZE: 10px; BORDER-TOP: #cccccc 3px solid
}
A.enlacenav {
	TEXT-ALIGN:left ; COLOR: #494e6b;
	text-decoration:none
}
A.enlacenav:visited {
	TEXT-ALIGN: left; COLOR: #494e6b;
	text-decoration:none
}
A.enlacenav:active {
	TEXT-ALIGN: left; COLOR: #494e6b;
	text-decoration:none
}
A.enlacenav:focus {
	TEXT-ALIGN: left; COLOR: #494e6b;
	text-decoration:none
}
A.enlacenav:link {
	TEXT-ALIGN: left; COLOR: #494e6b;
	text-decoration:none
}
A.enlacenav:hover {
	TEXT-ALIGN: left; COLOR: #3f7de3;
	text-decoration:none
}

/* esto es para la galeria de fotos */

#gallery_wrap {
	position: relative;
	width: 250px;
	height: 270px;
	 border: 2px solid #d0d0d0;
	padding: 10px;
	margin:10px;
	background-image:-moz-linear-gradient(180deg, #E3E3E3 77%, #FFFFFF);
	float:right;

}
.panel {
	margin-bottom: 5px;
}
a:link,a:visited {
	color: #ddd;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

#polaroid_overlay {
	/*background: url(img/polaroid_front.png) top left no-repeat;*/
	position: absolute;
	top: 82px;
	left: 59px;
	width: 474px;
	height: 458px;
	z-index: 2000;
}

/* esto es para los degrades */

.degr_rojo {
background-image:-moz-linear-gradient(90deg, #4B0C0C 62%, #911219);
background-image: -webkit-linear-gradient(90deg, #4B0C0C 62%, #911219);
background-image: -o-linear-gradient(90deg, #4B0C0C 62%, #911219);
background-image: linear-gradient(90deg, #4B0C0C 62%, #911219);
#background-image:url("../img/degrade/degrades02.png");
#background-repeat: repeat;
#background-size: auto auto;
}
.degr_gris {
background-image:-moz-linear-gradient(90deg, #7D7D7D 38%, #C2C2C2);

background-image: -webkit-linear-gradient(90deg, #7D7D7D 38%, #C2C2C2);
background-image: -o-linear-gradient(90deg, #7D7D7D 38%, #C2C2C2);
background-image: linear-gradient(90deg, #7D7D7D 38%, #C2C2C2);

//background-image:url("../img/degrade/degrades-05.png");
//background-repeat: repeat;
//background-size: auto auto;

}
.degr_gris a:link {
	color: #999999;
	text-decoration: underline;
}

.degr_gris2 {
background-image:-moz-linear-gradient(90deg, #FFFFFF 46%, #E4E4E4);

background-image: -webkit-linear-gradient(90deg, #FFFFFF 46%, #E4E4E4);
background-image: -o-linear-gradient(90deg, #FFFFFF 46%, #E4E4E4);
background-image: linear-gradient(90deg, #FFFFFF 46%, #E4E4E4);

//background-image:url("../img/degrade/degrades-06.png");
//background-repeat:repeat-x;
//background-position:100% 100%;
}
.degr_gris3 {
background-image:-moz-linear-gradient(240deg, #FFFFFF 46%, #E4E4E4);

background-image: -webkit-linear-gradient(90deg, #FFFFFF 46%, #E4E4E4);
background-image: -o-linear-gradient(90deg, #FFFFFF 46%, #E4E4E4);
background-image: linear-gradient(90deg, #FFFFFF 46%, #E4E4E4);

//background-image:url("../img/degrade/degrades-05.png");
//background-repeat:repeat-y;
//background-size: auto auto;


}

.degr_azul {
background-image:-moz-linear-gradient(90deg, #262C52 45%, #2B7ABA);

background-image: -webkit-linear-gradient(90deg, #262C52 45%, #2B7ABA);
background-image: -o-linear-gradient(90deg, #262C52 45%, #2B7ABA);
background-image: linear-gradient(90deg, #262C52 45%, #2B7ABA);

//background-image:url("../img/degrade/degrades-03.png");
background-repeat:repeat;
//background-size: auto auto;


}