/*
Copyrights 2009 - Thierry Ruiz - www.dotemplate.com - All rights reserved.
THIS TEMPLATE IS FREE AS LONG AS YOU KEEP THE LINK TO WWW.DOTEMPLATE.COM IN THE FOOTER
TO REMOVE THE LINK, PLEASE MAKE A $10 donation at www.dotemplate.com/#donate
*/
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}





html {
	background: #000080;
	margin:0;
	padding:0;	
}

body {
	padding:0;
	margin :0;
	display:table; 
	width:100%;
}



body {
	color:#333333;
}

  
  
body {
	font-family: 'Trebuchet MS', sans-serif ;
	font-size: 13px;
	font-style: normal ;
	font-weight: normal ;
	text-transform: normal;
	letter-spacing: normal ;
	line-height: 1.7em ;
}


h1 {
	font-size:20px ;
	margin:10px 0 10px 0;
}


h2 {
	font-size:16px ;
	margin:10px 0 10px 0;
}

h3 {
	font-size:14px;
	margin:10px 0 5px 0;
}



a:link, a:visited {
	color:#0000CC ;
	text-decoration:none;
}


a:hover {
	color:#00FF00;
	text-decoration:underline;
}






  
  


#wrapper {
	background: transparent url( page-vbg.jpg?gywg ) repeat-y scroll 50% 0px ;
	margin:0 auto ;
	width:100%;
}

  
  
body {
	background-color:#000080;
	background-image:url( body-bg.jpg?gywg ) ;
	background-position:center top ;
	background-repeat:repeat-x;
}




#page {
	margin:0 auto;
	padding:0;
	background:transparent url( hat.jpg?gywg ) no-repeat scroll 50% top ;
}

  
  
#header {
	margin: 0 auto;
	height: 50px;
	width: 900px;
	position:relative;
}



  
  
#container {
	background: #FFFFFF url( banner-bg.jpg?gywg ) no-repeat center top ;
	margin: 0 auto;
	padding:0;
	width: 900px;
}


#banner {
	margin: 0 auto;
	padding:0;
	height:200px;
	width: 900px;	
}


  
  


#nav1 {
	height:54px;
	background:url(nav1-middle.jpg?gywg) repeat-x top ;
	margin:0 auto ;
	width:880px;	
}

#nav1 ul {
	list-style:none;
	float:left;
	margin:0px 100px 0px 150px;
	padding:0;
}

#nav1 li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}

#nav1 a {
	background:url(nav1-right.jpg?gywg) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#nav1 a span {
	display:block;
	background:url(nav1-left.jpg?gywg) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:700;
	line-height:54px;
	padding:0 40px;
	border-right:1px solid #0a0a8a ;
}



#nav1 a:hover span, #nav1 li.current a span {
	color:#000000 ;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
 
  
#nav1 a:hover {
	background-image:url("nav1-right-sel.jpg?gywg") ;
}
    
#nav1 a:hover span {
    background-image:url("nav1-left-sel.jpg?gywg") ;
}

#nav1 #current a {
    background-image:url("nav1-right-sel.jpg?gywg") ;
}
      
#nav1 #current a span {
	color:#000000 ;
	background-image:url("nav1-left-sel.jpg?gywg") ;
}


#nav2 {
	height:54px;
	background:url(nav1-middle.jpg?gywg) repeat-x top ;
	margin:0 auto ;
	width:880px;	
}

#nav2 ul {
	list-style:none;
	float:left;
	margin:0px 125px 0px 140px;
	padding:0;
}

#nav2 li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}

#nav2 a {
	background:url(nav1-right.jpg?gywg) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#nav2 a span {
	display:block;
	background:url(nav1-left.jpg?gywg) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:700;
	line-height:54px;
	padding:0 10px;
	border-right:1px solid #0a0a8a ;
}



#nav2 a:hover span, #nav2 li.current a span {
	color:#000000 ;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
 
  
#nav2 a:hover {
	background-image:url("nav1-right-sel.jpg?gywg") ;
}
    
#nav2 a:hover span {
    background-image:url("nav1-left-sel.jpg?gywg") ;
}

#nav2 #current a {
    background-image:url("nav1-right-sel.jpg?gywg") ;
}
      
#nav2 #current a span {
	color:#000000 ;
	background-image:url("nav1-left-sel.jpg?gywg") ;
}









#content {
	width:875px;
	margin:0 auto ;
}


#footer {
	margin:0 auto;
	height:60px;
	padding:0;
	background:transparent url( footer-bg.jpg?gywg ) no-repeat scroll center top ;
	width:900px;
}


  
  

.yiu-g {
	margin:20px;
}


#content p {
	text-align:justify;
}



  
  

#sidebar {
	float: right;
	padding: 0px;
	margin: 10px 0 0 0;	
}

#sidebar * {
	margin: 15px;
}



ul#vmenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 0px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #EEEEEE;	
}

ul#vmenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #EEEEEE;
}



ul#vmenu li a {
	text-decoration: none;	
}


ul#vmenu li a:hover {	
}

ul#vmenu ul { margin: 0 0 0 5px; padding: 0; }
ul#vmenu ul li { border: none; }


  
  

.box1 {
	margin:10px auto;
	width:95%;
}







.box1 .hd .c {
	font-size:1px;
	height:10px;
}


.box1 .ft .c {
	font-size:1px;
	height:11px;
}


.box1 .hd {
	background:transparent url("box1-tl.jpg?gywg") no-repeat scroll 0 0;
}

.box1 .hd .c {
	background:transparent url("box1-tr.jpg?gywg") no-repeat scroll right 0;
}

.box1 .bd {
	background:transparent url("box1-ml.jpg?gywg") repeat-y scroll 0 0;
}

.box1 .bd .c {
	background:transparent url("box1-mr.jpg?gywg") repeat-y scroll right 0;
}




.box1 .bd .c .s {
	background:#EEEEEE url("box1-ms.jpg?gywg") repeat-x scroll -4px 0 ;
	margin:0 8px 0 4px;
	padding:1em;
}



.box1 .ft {
	background:transparent url("box1-bl.jpg?gywg") no-repeat scroll 0 0;
}

.box1 .ft .c {
	background:transparent url("box1-br.jpg?gywg") no-repeat scroll right 0;
}


.box1 h1 {
	font-size:2em;
	margin:-0.6em 0 0;
	padding:0;
}

.box1 p {
	margin:0;
	padding:0;
}


  
  

.box2 {
	margin:10px auto;
	width:105%;
}







.box2 .hd .c {
	font-size:1px;
	height:10px;
}


.box2 .ft .c {
	font-size:1px;
	height:11px;
}


.box2 .hd {
	background:transparent url("box2-tl.jpg?gywg") no-repeat scroll 0 0;
}

.box2 .hd .c {
	background:transparent url("box2-tr.jpg?gywg") no-repeat scroll right 0;
}

.box2 .bd {
	background:transparent url("box2-ml.jpg?gywg") repeat-y scroll 0 0;
}

.box2 .bd .c {
	background:transparent url("box2-mr.jpg?gywg") repeat-y scroll right 0;
}




.box2 .bd .c .s {
	background:#FFFFFF url("box2-ms.jpg?gywg") repeat-x scroll -4px 0 ;
	margin:0 8px 0 4px;
	padding:1em;
}



.box2 .ft {
	background:transparent url("box2-bl.jpg?gywg") no-repeat scroll 0 0;
}

.box2 .ft .c {
	background:transparent url("box2-br.jpg?gywg") no-repeat scroll right 0;
}


.box2 h1 {
	font-size:2em;
	margin:-0.6em 0 0;
	padding:0;
}

.box2 p {
	margin:0;
	padding:0;
}


  
  

.box3 {
	margin:10px auto;
	width:95%;
}


 




.box3 .hd .c {
	font-size:1px;
	height:5px;
}


.box3 .ft .c {
	font-size:1px;
	height:6px;
}


.box3 .hd {
	background:transparent url("box3-tl.jpg?gywg") no-repeat scroll 0 0;
}

.box3 .hd .c {
	background:transparent url("box3-tr.jpg?gywg") no-repeat scroll right 0;
}

.box3 .bd {
	background:transparent url("box3-ml.jpg?gywg") repeat-y scroll 0 0;
}

.box3 .bd .c {
	background:transparent url("box3-mr.jpg?gywg") repeat-y scroll right 0;
}




.box3 .bd .c .s {
	background:#FFFFCC url("box3-ms.jpg?gywg") repeat-x scroll -4px 0 ;
	margin:0 8px 0 4px;
	padding:1em;
}



.box3 .ft {
	background:transparent url("box3-bl.jpg?gywg") no-repeat scroll 0 0;
}

.box3 .ft .c {
	background:transparent url("box3-br.jpg?gywg") no-repeat scroll right 0;
}


.box3 h1 {
	font-size:2em;
	margin:-0.6em 0 0;
	padding:0;
}

.box3 p {
	margin:0;
	padding:0;
}




#footerWrapper {
	margin:0 auto;
	height:140px;
	padding:0;
	background:transparent url( footerWrapper-bg.jpg?gywg ) no-repeat scroll center top ;
}

/*para noobslide de la portada*/

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:0px; float: left}
.sample{padding:10px 20px 10px 20px; margin:4px 0 25px 0;}

.mask6{
	position:absolute;
	left:35%;
	margin-left:-120px;
	width:240px;
	height:180px;
	overflow:hidden;
}

#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:200px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(thumbs_mask.gif) no-repeat center top;
}

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

span img{
	display:block;
	border:none;
}