body,td,th {
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #666;
	line-height:20px;
	height: 20px;
	}
body {
	
	background:url(images/bg.gif);
	/*margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;*/
	text-align:center;
}
a{
color:#315E88
}
a:link{
color:#315E88;
}
a:visited{
color:#315E88;
}
a:hover {
	color:#01509B;
	text-decoration:none;
}
.wrapper{
	width:794px;
	margin:0 auto;
	border-left:0px solid #ededed;
	border-right:0px solid #ededed;
	text-align:justify;
	background:#fff;
	
}

.wrapper2{
	width:430px;
	margin:0 auto;
	border-left:0px solid #ededed;
	border-right:0px solid #ededed;
	text-align:left;
	background:#fff;
	
}
.upperhead{
	width:100%;
	background:url(images/toprepeatx_02.jpg) repeat-x top;
	height:20px;
	
}
.tel{
float:right;
background:url(images/tel_04.jpg) center top no-repeat;
margin-right:10px;
padding-top:18px;
padding-left:46px;
font-size:12px;
width:200px;
}
.banner{
	text-align:center;
	background:url(images/banner.gif) repeat-x top;
	height:150px;
	width:100%;
}
.underbanner{
	width:90%;
	padding-top:3px;
	padding-bottom:3px;
	text-align:left;
	padding-left:10%;
	background:#F8F8F8;
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
	height: 20px;

}
.underbanner2{
width:97%;
padding-top:2px;
padding-bottom:2px;
text-align:left;
padding-left:2%;
font-size:11px;
background:#F8F8F8;
border:1px solid #ededed;
}
.article{
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:30px;
	font-size: 14px;
	border-bottom-width: 1px;
	border-left-width: thin;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #ededed;
	border-left-color: #ededed;
}
.underbanner2 a:link,.underbanner a,.underbanner a:visited{
color:#666;
}

.input{
outline:none;
border:1px solid #D4D4D4;
padding-left:2px;
font-family:"Trebuchet MS";
font-size:11px;
color:#666666;
padding-top:4px;
height:17px;
}
.button{
background:url(images/buttontopleft_12.jpg) top left no-repeat #00488C;
border:1px solid #05396A;
height:21px;
font-size:10px;
font-weight:bold;
color:#FFF;
font-family:verdana;
text-align:center;
}
.content{
width:100%;
padding-top:10px;
}
.leftcolumn{
	width:210px;
	float:left;
	padding-left:9px;
	padding-right:10px;
	
}
.clear {
    width: 100%;
    height: 1px;
    margin: 0 0 -1px;
    clear: both;
}
.rightcolumn{
width:515px;
float:right;
padding-right:10px;
}


#navvy
{
width:244px;
font-size:11px;
font-weight:bold;
padding: 0;
text-align:left;
font-family:Verdana;
}

ul#navvylist
{
text-align: left;
list-style: none;
margin: 0;
padding: 0;
width:244px;
}

ul#navvylist li
{
width:244px;
display: block;
margin: 0;
padding: 0;
}

ul#navvylist li a
{
display: block;
margin:0;
width:194px;
padding-top:6px;
padding-bottom:7px;
padding-left:40px;
padding-right:10px;
color: #315E88;
text-decoration: none;
background:url(images/link_13.jpg) no-repeat left top;
}

#navvy>ul#navvylist li a { width: auto; }


ul#navvylist li a:hover, ul#navvylist li#active a:hover
{
color: #315E88;width:174px;
padding-left:50px;
background:url(images/ho.jpg) no-repeat left top;
}
.box{
width:224px;
background:#E2EBF4 url(images/bgbottomright_22.jpg) bottom right no-repeat;
border:1px solid #A5CAEF;
padding:10px;
color:#315E88;
font-size:11px;
margin-top:20px;
}
.box2{
	padding:10px;
	color: #315E88;
	font-size:14px;
	background-image: url(images/looo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	

}

.box3{
	
	color: #315E88;
	font-size:14px;
	background-image: url(images/ligas.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-right: 15px;
padding-top: 30px;
padding-left: 15px; 
padding-bottom: 105px;
	
	

}

.box4{
	
	color: #315E88;
	font-size:14px;
	background-image: url(images/cat.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-right: 15px;
padding-top: 30px;
padding-left: 15px; 
padding-bottom: 105px;
	
}

.box5{
	
	color: #315E88;
	font-size:14px;
	background-image: url(images/a.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-right: 15px;
padding-top: 5px;

padding-bottom: 1px;
	
}

h2{
font-size:20px;
color:#005B9C;
font-weight:normal;
margin:0;
width:92%;
padding-left:8%;
background:url(images/bbb.png) no-repeat bottom left;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
}
h2 a, h2 a:link, h2 a:visited{
font-size:20px;
color:#6A6A6A;
font-weight:normal;
text-decoration:none;
}
h2 a:hover{
font-size:20px;
color:#333;
font-weight:normal;
text-decoration:underline;
}
h3{
font-size:12px;
color:#005B9C;
font-weight:normal;
margin:0;
width:92%;
padding-left:8%;
background:url(images/bullet_16.jpg) no-repeat bottom left;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
}

h4{
font-size:20px;
color:#005B9C;
font-weight:normal;
margin:0;
width:92%;
padding-left:8%;
background:url(images/cont.jpg) no-repeat bottom left;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
}

h5{
font-size:20px;
color:#005B9C;
font-weight:normal;
margin:0;
width:92%;
padding-left:8%;
background:url(images/galeria.jpg) no-repeat bottom left;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
}

h6{
font-size:20px;
color:#005B9C;
font-weight:normal;
margin:0;
width:92%;
padding-left:8%;
background:url(images/num.jpg) no-repeat bottom left;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
}

h1{
font-size:20px;
color:#005B9C;
font-weight:normal;
margin:0;
width:92%;
padding-left:8%;
background:url(images/vi.jpg) no-repeat bottom left;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
}

.tt{
font-size:20px;
color:#005B9C;
font-weight:normal;
margin:0;
width:92%;
padding-left:8%;
background:url(images/test.jpg) no-repeat bottom left;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
}

.rr{
font-size:20px;
color:#005B9C;
font-weight:normal;
margin:0;
width:92%;
padding-left:8%;
background:url(images/reglas.jpg) no-repeat bottom left;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
}

.rrr{
font-size:20px;
color:#005B9C;
font-weight:normal;
margin:0;
width:100%;
padding-left:8%;
background:url(images/yepez.jpg) no-repeat bottom left;
padding-bottom:45px;
padding-top:40px;
text-decoration:none;
text-align: center;

}

.rrrr{
	color: #315E88;
	font-size:13px;
	padding:12px;
	background:url(images/looo.jpg) no-repeat top right;



}

.equi{
font-size:24px;
color:#005B9C;
font-weight:normal;
margin:0;
width:92%;
padding-left:8%;
background:url(images/bat.jpg) no-repeat bottom left;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
}

.actua{
font-size:24px;
color:#005B9C;
font-weight:normal;
margin:0;
width:92%;
padding-left:8%;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
}

.footer{
padding-top:18px;
padding-bottom:20px;
background:#F8F8F8;
border-top:2px solid #ededed;
text-align:center;
background: transparent url(images/fo.gif) top left repeat-x;

}


.footer a:link, .footer a, .footer a:visited{
color:#666;
}

/* form elements */
form {
	margin:10px 15px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #E1E1E1; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #A5CAEF;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	border:1px solid #A5CAEF;
	height:100px;
	display:block;
	color:#777;
}


/* search form */
.searchform {
	background-color: transparent;
	border: none;	margin: 0; padding: 0;	
}
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #333; 
	height: 20px;
	padding: 2px;	
	vertical-align: top;
}
.searchform input.button { 
	font: bold 12px Arial, Sans-serif; 
	color: #333;	
	width: 60px;
	height: 26px;
	border: 1px solid #DADADA;
	padding: 3px 5px;	
	vertical-align: top;
}
.tdThumb{width:165px;height:120px;border-top:5px #004891 solid;border-bottom:5px #004891 solid;background-color:#00366C;text-align:center}

.scrolltable{
	overflow:auto;
	scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;

	height:150px;
	
	width: 485px;

}

A.menulink {
	
	width: 300px;
	
	text-decoration: none;
	color: #315E88;
	font-size:14px;
	BORDER: none;
	font-weight: bold;

}

A.menulink:hover {


background-color:#5B94FD;
}

/*para los videos*/

				
			
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
			
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #39c; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 95%; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 450px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 850px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float:left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #000;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav a:hover {
			background: #9cf;
		}
		
		.stripNav a.current {
			background: #39c;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url(images/arrow-left.gif) no-repeat center;
		}
		
		.stripNavR {
			background: url(images/arrow-right.gif) no-repeat center;
		}