body{
	font-family:Verdana, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#333;
	margin:0;
	padding:0;
	background:#E0E0E0;}
	
/*TYPE*/	

h1,h2,h3,h4,p,input,option,select,label {font-family:'RosarioRegular', sans-serif;}

h1{font-size:18px; line-height:23px; font-weight:normal; margin:0;	padding:0;}
h2{font-size:14px; line-height:20px; font-weight:normal; margin:0;	padding:0;}
h3{font-size:12px; line-height:16px; font-weight:normal; margin:2px 0 5px 0;	padding:0;}
h4{font-size:12px; line-height:14px; font-weight:normal; margin:0;	padding:0;}
h5{font-size:11px; line-height:14px; font-weight:normal; margin:0;	padding:0;}

p{font-size:12px;line-height:18px;margin:0;	padding:0;}

em{font-family:'RosarioItalic'}

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

a img  { border:none;}
 
strong {font-family: 'RosarioBold';}

strong em{font-family: 'RosarioBoldItalic';}

@font-face {
    font-family: 'RosarioRegular';
    src: url('../fonts/Rosario-Regular-webfont.eot');
    src: url('../fonts/Rosario-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Rosario-Regular-webfont.woff') format('woff'),
         url('../fonts/Rosario-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Rosario-Regular-webfont.svg#RosarioRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RosarioItalic';
    src: url('../fonts/Rosario-Italic-webfont.eot');
    src: url('../fonts/Rosario-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Rosario-Italic-webfont.woff') format('woff'),
         url('../fonts/Rosario-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Rosario-Italic-webfont.svg#RosarioItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RosarioBold';
    src: url('../fonts/Rosario-Bold-webfont.eot');
    src: url('../fonts/Rosario-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Rosario-Bold-webfont.woff') format('woff'),
         url('../fonts/Rosario-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Rosario-Bold-webfont.svg#RosarioBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RosarioBoldItalic';
    src: url('../fonts/Rosario-BoldItalic-webfont.eot');
    src: url('../fonts/Rosario-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Rosario-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Rosario-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Rosario-BoldItalic-webfont.svg#RosarioBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*GRID*/	

div, ul, li{
	display:block;
	margin:0;
	padding:0;
	list-style:none;}

/*HEADER*/

header{
	position:relative;
	top:0;
	width:985px;
	margin:0 0 30px 30px;
	padding:0;
	float:left;
	z-index:100;
}

header .logo {margin-top:25px; width:345px; float:left;	}
	
header .redes {margin:0 0 0 25px; float:left;}
	
header .redes a {width:77px; height:15px; padding:10px; margin-left:5px; float:left; background-color:#292B30; color:#FFF; }
header .redes a:hover {background-color:#00C791; color:#FFF; text-decoration:none; }

header .last{ width:72px;}

header .redes img { vertical-align: middle; margin:0 5px 5px 0;}
	
header .nav {
	/*width:435px;*/
	width:592px;
	padding:5px 15px 5px 0;
	margin:5px 0 0 30px;
	background:#FFF;
	float:left;
	}
	
header .nav ul {float:left;}
header .nav li {width:130px;padding:8px 0 8px 0; margin:0 0 0 15px; }

header .nav a {color:#333; text-decoration:none;}
header .nav a:hover {color:#00C791; text-decoration:none;}

header .active {color:#00C791;}

header .border{border-bottom:1px solid #333;}

header .map {
	margin:5px 0 0 5px;
	background:#FFF;
	width: 151px;
	height: 102px;
	float:left;
	}
	
#popup {
	position:absolute;
	width:200px;
	height:200px;
	top:60px;
	left:990px;
	z-index:2000;
	}

/*CONTENT*/

	
#content{
	position:relative;
	top:0;
	margin-left:30px;
	width:985px;
	float:left;
	clear:both;
	z-index:101;}

.date{margin:0 0 10px 0;}

.more{text-align:right; margin:-20px 0 0 0;}
.more img{vertical-align: middle;}

.white {background:#FFF;}
.darkgrey {background:#5E5E5E;}
.grey {background:#F8F8F8;}
.green {background:#00C791;}
.purple {background:#5c489c;}
.blue {background:#007dc5;}
.red {background:#FF9966;}

.white h1,.white h2,.white h3,.white h4,.white h5{color:#333;}
.darkgrey h1,.darkgrey h2,.darkgrey h3,.darkgrey h4,.darkgrey h5{color:#FFF;}
.grey h1,.grey h2,.grey h3,.grey h4,.grey h5{color:#333;}
.green h1,.green h2,.green h3,.green h4,.green h5{color:#FFF;}
.purple h1,.purple h2,.purple h3,.purple h4,.purple h5{color:#FFF;}
.blue h1,.blue h2,.blue h3,.blue h4,.blue h5{color:#FFF;}

.darkgrey h2 a{color:#FFF; text-decoration:none;}
.darkgrey h2 a:hover{color:#00C791; text-decoration:none;}

.green h1 a,.green h2 a,.green h3 a,.green h4 a,.green h5 a{color:#FFF; text-decoration:underline;}
.green h1 a:hover,.green h2 a:hover,.green h3 a:hover,.green h4 a:hover,.green h5 a:hover{color:#5E5E5E; text-decoration:underline;}




.box1,.box2,.box3,.box4,.box5,.box6,.box7,.box8{margin:0 30px 30px 0; float:left;}

.box1{width:345px;}
.box2{width:605px;}
.box3{width:980px;}
.box4{width:307px;}
.box5{width:475px;}
.box6{width:720px;}
.box7{width:230px;}
.box8{width:460px;}

.col1,.col2,.col3,.col4,.col5{margin:0 20px 20px 0; float:left;}

.col1{width:220px;}

.margin {margin:20px;}
.padding {padding:20px;}

.margin2 {margin:20px 250px 20px 20px;}
.padding2 {padding:15px 15px 15px 20px;}

.margin_slider {margin:20px 20px 0 20px;}
.margin_slider_box {margin:14px 20px 20px 20px;}

.min{min-height:340px;}
.min2{min-height:300px;}

.separator{border-bottom:1px solid #333;}
.end {margin-right:0;}

.border-top{border-top:5px solid #5E5E5E;}

.clear { clear:left;}
.left { float:left;}
.right { float:right;}


	
/*SLIDER*/

#wrapper {width:605px; height:405px; overflow:hidden;}

#controls {
	position:absolute;
	left: 415px;
	top: 372px;
	z-index:1
}

#controls a {
	display:block;
	font-size:14px;
	width:15px;
	height:20px;
	background-color:#00C791;
	color:#FFF;
	text-align:center;
	float:left;
	margin:0 0 0 3px;
	padding:6px 10px 7px 10px;
	}
	
#controls a:hover {
	background-color:#5E5E5E;
	text-decoration:none;}
		
#slider li { 
	float:left;}

#slider .more{text-align:right; margin:-40px 20px 20px 20px;}	

#tel li {
	width:152px;
	float:left;}
	
	
/*NOTICIAS*/

#noticias{
	position:absolute;
	width:230px;
	left: 750px;
	top: 0;
	margin-bottom:30px;
}

#noticias ul{	margin:0 0 10px 0;}

#noticias li{	background-color:#F8F8F8;	padding:20px;	border-bottom:5px solid #F3F3F3;}

#noticias ul li:last-child{	border:0;}

.noticias{
	height:960px;
	margin-bottom:30px;
}


/*LISTA*/

#list ul{	padding:10px 10px 10px 13px;}
#list li{	padding:6px 0 6px 0; border-bottom:1px solid #5E5E5E; margin:5px 0 10px 0;}

#list .col	{width:170px; float:left; margin:0 0 10px 0; padding:0 0 6px 0; height:100px;}
	
	
/*FOOTER*/

footer{
	width:100%;
	margin:0;
	padding-bottom:50px;
	background-color:#FFF;
	float:left;
	bottom:0;
	z-index:102;}


footer .container{width:500px; margin:20px 0 0 30px; }

footer .logo{width:180px;height:165px;float:left;}
	
	
footer .nav		{width:300px; float:left;}
footer .nav ul	{width:290px; clear:left;}
footer .nav li	{width:145px; margin-bottom:15px; float:left;}

footer .map		{width:314px; margin:0 0 0 135px; float:right;}
footer .map	#google_map {width:314px;height:140px; margin-top:10px; background-color:#06C;}

footer .apoyo {width:580px; float:left; clear:left; margin-top:20px; color:#666;}

footer .apoyo img {margin-top:15px;}

footer .copyright {float:left; clear:left; margin-top:20px; color:#CCC;}

footer .calendar {float: right;margin-top: 127px;color: #CCC;}

.submit {
border:none;
background-color:#00C791;
padding:10px 15px;
display:block;
cursor:pointer;
text-decoration:none;
color:#FFF;
margin:0 0 15px 15px;
float:right;
line-height: 16px;}

.submit:hover {
background-color:#33D2A7;
text-decoration:none;
color:#FFF}

hr{
	border:1px solid #CCC;
	margin:15px 0 ;
	padding:0;}