@charset "UTF-8";
/* CSS Document */

body {
background:#fff url(../img/bg.gif) repeat-x;
margin:0;
padding:0;
color:#7d7d7d;
font:12px/1.4em Helvetica, Arial, sans-serif
}

h1, h2, h3, h4 {margin-top:0; margin-bottom:10px}

h2 {color:#00b0d8; font:24px Eurostile, Geneva; text-transform:uppercase;}
.submenu h3 {color:#007bc3; font:25px Futura, Times, serif; margin-top:10px}
h4, h5 {color:#000}

a {text-decoration:none; color:#007bc3}
img {border:0}
	
#wrapper {
background:url(../img/clouds.jpg) no-repeat center top;
background-attachment:fixed;

}

#wrap {
width:960px;
margin:0 auto;
}

#header {
margin:0;
float:left;
	}

#nav {
float:right;
width:715px;
padding-bottom:8px;
border:3px solid #007bc3;
border-width: 0 0 3px 0;}

#nav ul {		
margin:0;
padding:35px 0 0 0;
}
	
#nav ul li {
list-style:none;
float:left;
}
	
#nav li a {
padding:10px;

color:#007bc3;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}

.ingresa {
clear:both;
background:url(../img/tabbg.gif) no-repeat;
height:33px;
padding-top:10px;
font-size:11px;
text-align:right;
}

.ingresa a { text-decoration:underline;}

.ingresa img, .registra {
padding-right:10px;
}

#content {
background:#fff;
padding:5px 10px;
}

.submenu {
float:left;
width:205px;
background:#e4f7ff url(../img/submenu.gif) no-repeat;
margin:0 0 0 -15px;
padding:15px 10px 0;
border-bottom:2px solid #084c80;
position:relative; z-index:2;
}

.submenu img {
	text-align:center;}

.submenu .pros {
margin:0;
padding:0;
font-size:10px;
}

.submenu .pros li {
list-style:none;
background:url(../img/bullet.gif) no-repeat left 4px;
padding-left: 14px
}

.submenu .pros ul {margin-left: 15px; padding:0;}
.submenu .pros ul li {background-image:url(../img/bullet2.gif); color:#999;}

.submenu .list .active { background:url(../img/bullet.gif) no-repeat left 10px; !important }

.submenu .list {
margin:0;
padding:0;
}

.submenu .list li {
list-style:none;
}

.submenu .list li a {
display:block;
padding:5px 5px 5px 15px;
border-bottom:1px dotted #ccc;

font:16px Eurostile; color:#00abe8;}

.top {
text-align:right;
margin-bottom:30px;
}

.top a {
color:#007bc3;
font:italic 90% Georgia, "Times New Roman", Times, serif;
width:100px;
background: url(../img/top.jpg) no-repeat right center;
padding:8px 30px 7px 0;
}

.col1 { padding:10px 15px 0; }

.col2 {
	display:block;
	width:695px;
	height:550px;
	overflow:auto;
	position:relative;
	z-index:3;
	left:15px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
}
	
#footer {
	background:url(../img/footer.jpg) no-repeat center;
	height:470px;
	}
	
#footer2 {
	background:url(../img/footer2.jpg) no-repeat center top;
	height:100px;
	position:fixed; bottom:0px; left:0px; width:99.9%; z-index:1;
	}
	
#footer3 {
	background:url(../img/footer3.jpg) no-repeat center top;
	height:235px;
	position:fixed; bottom:0px; left:0px; width:99.9%; z-index:1;
	}

.col2 ul li {
list-style:none;
background:url(../img/bullet.gif) no-repeat left 4px;
padding-left:14px;
}

.contacto label {
float:left;
width:100px;
padding:5px;
padding-right: 10px 0 0 ;
border-right:1px dotted #ccc;

font-size:18px;
font-weight:bold;
text-transform:uppercase;
color:00b0d8;
}

form.contacto {margin:0;padding:0}

.contacto input[type=text], .contacto textarea {
font-size:11px;
width:500px;
margin:0 0 10px 15px;
padding:5px;
border:1px solid #ddd;
}

.send {margin-left:125px}

p.mininav {
clear:both;
width:82px;
margin:20px auto 0;}
	
.mininav .inactive-l, .mininav .inactive-r, .mininav .prev, .mininav .next {
float:left;
width:21px;
height:34px;
display:block;
overflow:hidden;
text-indent:-9999em;
}
.mininav .inactive-l { background:url(../img/prev.gif) -42px top; cursor:default }
.mininav .inactive-r { background:url(../img/next.gif) left top; cursor:default; ; margin-left:40px }

.mininav .prev { background:url(../img/prev.gif) -21px top }
.mininav .prev:hover { background-position: left top }

.mininav .next { background:url(../img/next.gif) -21px top; margin-left:40px; }
.mininav .next:hover { background-position: -42px top;}

.slideshow { height: 275px; width: 710px; overflow:hidden}
