@charset "utf-8";
/* CSS Document */


body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-position:top center;
	background-attachment:fixed;
	}
#divjb{
position:absolute;
top:-1000px;
left:-1000px;
width:900px;
}

.fuente10{
	font-size:10px;
	}
#logotipo{
	float:left;
	margin-top:5px;
	margin-left:30px;
	}
#cabecera2{
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	}
#cabecera{
	background-image:url(images/bgazul.jpg);
	background-size:cover;
	background-position:center;
	width:96%;
	height:110px;
	margin:0 auto;
	border-radius: 0px 0px 40px 40px;
	-moz-border-radius: 0px 0px 40px 40px;
	-webkit-border-radius: 0px 0px 40px 40px;
	border: 0px solid #000000;
	text-align:right;
color:#FFF;
text-decoration:none;
font-size:15px;
}
#cabecera a{ 
color:#FFF;
text-decoration:none;
font-size:15px;
}
.current{
	color: #FF0 !important;
	text-decoration: underline;
}
#pie{
	background-image:url(images/bgazul.jpg);
	background-size:cover;
	background-position:center;
	width:96%;
	margin:0 auto;
	border-radius: 40px 40px 0px 0px;
	-moz-border-radius: 40px 40px 0px 0px;
	-webkit-border-radius: 40px 40px 0px 0px;
	border: 0px solid #000000;
	text-align:right;
color:#FFF;
text-decoration:none;
font-size:15px;
padding:5px;
	}
#pie a{
color:#FF0;
text-decoration:none;
margin-left:0px;
margin-right:0px;
font-size:12px;
	}
#pie2{
	width:94%;
	margin:auto;
	margin-top:10px;
	margin-bottom:5px;
	color:#FFF;
	text-align:center;
	}
	
#pagina{
	width:930px;
	margin:0 auto;
	}
#paginaizquierda{
	width:240px;
	float:left;
	background-image:url(images/bgazul.jpg);
	background-size:cover;
	border-radius: 0px 0px 40px 40px;
	-moz-border-radius: 0px 0px 40px 40px;
	-webkit-border-radius: 0px 0px 40px 40px;
	border: 0px solid #000000;
	padding:10px;
	padding-bottom:30px;
}
#paginaizquierda  h2{
	color: #FF0;
	padding:5px;
	}
#tablaformulario{
	background-color:#CCC;
	padding:5px;
	}
#paginacontenido{
	width: 645px;
	float: right;
	text-align: justify;
	padding:10px;
	}
#paginacontenido h1{
	font-size:28px;
	font-weight:lighter;
	border-bottom:#900 solid 1px;
	color:#007;
	padding-top:0px;
	margin-top:0px;
	text-align:left;
	}
	
	.subtituloh1{
		font-size:12px;
	color:#900;
		}

#paginacontenidobg{
	background-image: url(images/bgcontenido.jpg);
	background-repeat:repeat-x;
	background-color:#CBE5F5;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	padding: 20px;
	margin-top:20px;
	}

#paginacontenidomenu{
	width:36%;
	font-size:12px;
	float:right;
	padding-top:40px;
	text-align:right;
	}
.divisor{
	height:1px;
	overflow:hidden;
	clear:both;}



	
#navcontainer { width: 100%; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size:15px;
}

#navcontainer a
{
display: block;
padding: 3px;

border-bottom: 1px solid #039;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}



.inputjb{
	width:100%;
	font-size:10px;
	margin-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
}
.inputjb3{
	width:100%;
	font-size:12px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.parapc{
	visibility:visible;
	display:inherit;
	}
.paramovil{
	visibility: hidden;
	display: none;
	}

.diseno{
	color: #999;
	font-size:10px !important;
	text-decoration:none;
	}
#sidebar {
height:300px;
overflow:hidden;
position:relative;
}	
#sidebar2 {
height:100px;
overflow: auto;
position:relative;
}	

#menu {
width:100%;
list-style:none;
padding:0;
margin:0;
top:0;
position:relative;
height:100%;
background-image:url(images/bgazul70.png);
background-attachment:fixed;
}

#menu li {
padding:2px 0;
text-align:left;
display:block;
cursor:hand;
cursor:pointer;
border-bottom:#06C solid 1px;
}

#menu li a {

color: #FF0;
font-size:11px;
display:inline;
text-decoration:none;
}

#menu span {
font-size:9px;
color:#CCCCCC;
float:left;
position:absolute;
}
#contenidojbvideo{
	width:640px;
	height:360px;
	}
#logopie{
 float:left; 
 margin-right:10px; 
 	}
div.banner2 {
	margin: 0;
	position: fixed;
	left: auto;
	width: 310px;
	min-height:54px;
	right: -1px;
	bottom:0px;
	text-align:right;
}
div.banner2 a {
float:left;
}
.simovil{
	visibility: hidden;
	display: none;
	width:1px;
	overflow:hidden;
	}
.nomovil{
	display: inherit;
	visibility: visible;
	width:auto;
	}
@media screen and (max-width: 800px) { 
#pie{
	}
#pie2{
	font-size:11px;
	width:96%;
	float:none;
	text-align:center;
	clear:both;
	}
#logopie{
	float:none;
	clear:both;
	height:50px;
	width:164px;
	}
#paginaizquierda{
	width:80%;
	float:none;
	text-align:center;
	clear:both;
	margin-left:20px;
	}
#paginacontenido{
	width:90%;
	float:none;
	text-align:center;
	clear:both;
	}
#contenidojbvideo{
	width:300px;
	height:200px;
	text-align:center;
	}
body{
	background-image: none ;
	font-size:11px;
}
.nomovil{
	visibility: hidden;
	display: none;
	width:1px;
	overflow:hidden;
	}
.simovil{
	display: inherit;
	visibility: visible;
	width:auto;
	}
#pagina{
	width:100%;

	float:right;
	clear:both;
	margin-bottom:15px;
	}
#cuerpo{
	background-color:#FFF;
	width:100%;
	padding:10px;
	clear:both;
	}
#columnaderecha{
	float:right; 
	margin-left:3px;
	width:45%;
	margin-bottom:20px;
	}
#logotipo{
	float:none;
	clear:both;
	height:60px;
	width:144px;
	}
#menuh{
	width:100%;
	height:42px;
	background-color:#000;
	}
#menu2centro{
	width:90%;
	background-image: none;
	text-align:center;
	padding:0px;

	}
#menu2centro p{
	clear:both;
	}
#cabecera{
	padding:2px;
	font-size:11px;
	text-align:center;
	height:120px;
	}
#cabecera a{
	font-size:11px;
	}
#cabecera2{
	margin:2px;
	}

#pagina{
	padding-top:0px;
	}
.parapc{
	visibility: hidden;
	display: none;
	}
.paramovil{
	visibility:visible;
	display:inherit;
	}
#paginacontenido{
	width:90%;
	float:none;
	margin:0 auto;
	}
#paginacontenido img{
	width: 100%;
	height:auto;
	}
#paginacontenido h1{
	font-size:16px;
	
	}
.menu2absoluto{	
}
#colfotos{
	width:100%;
	}
#thumbjb_contenedor{
	visibility: hidden;
	display: none;
	}
}