@charset "UTF-8";

@import url("normalize.css");

html{
	width:100%;
}

body{
	width:100%;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color:#666;
	font-size:0.875em; /* 14px / 16px */
}

h1{
	font-size:2em;
	margin:40px 0 1.67em 0;
	display:block;
}

h2{
	font-size:1.375em;
	color:#444;
}

strong{
	font-size:1em;
}

.left{
	float:left;
}

.right{
	float:right;
}

a{
	text-decoration:none;
}

/* HEADER ------------------------------------ */

header{
	width:70%;
	height:160px;
	margin:0 auto;
	z-index:10; 
	position:relative;
}

header img{
	margin-top:2%;
	float:left;
	display:block;
	width:25%;
	min-width:200px;
	bottom:35px;
	position:absolute;
}

.pagina-img{
	display:block;
	margin:0 auto;
	height:100px;
	width:100%;
}

/* NAV ------------------------------------ */

.nav-wrapper{
	width:55%;
	float:right;
}

nav{
    float:right;    
    padding-top:68px;
	z-index:10;
}

nav ul{
    position: relative;
    display: inline-table;
}

nav ul:after {
    content: ""; 
	clear: both; display: block;
}

nav li{
    float:left;
    list-style-type:none;
    margin-right: 10px;
}

nav ul li a{
    display:block;
    width:auto;
    text-align:center;
    background-color:#E9E9E9;
    color:#555555;
    padding:10px 15px; /* 10px, 15px */
    border-radius:50px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size:1.1em;
    text-decoration:none;
	
}

nav li a:hover, .selected{
    background-color:#838383;
    color:white;
    text-decoration:none;
}

nav ul ul {
    display: none;
    border-radius: 0px; 
    padding: 0;
    position: absolute; 
    top: 35px;
    width:auto;
    margin-left:0%;
	margin-top:3px;
}

nav ul li:hover > ul {
    display: block;
}

nav ul ul li {
    float: none; 
    position: relative;
}
nav ul ul li a {
    color:#555555;
    background-color:#E9E9E9;
    margin-top:3px;
    width:auto;
}   
nav ul ul li a:hover {
    background: #838383;
    color:white;
    text-decoration:none;
}

/* SLIDESHOW ------------------------------------ */

#slider-wrapper{
	clear:both;
}

/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l              (normal)
.jssora21r              (normal)
.jssora21l:hover        (normal mouseover)
.jssora21r:hover        (normal mouseover)
.jssora21ldn            (mousedown)
.jssora21rdn            (mousedown)
*/
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../img/a21.png) center center no-repeat;
   	overflow: hidden;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }


/* WRAPPER ------------------------------------ */

#wrapper{
	width:70%;
	height:auto;
	margin:0 auto;
	margin-bottom:50px;	
}

#wrapper p{
	display:block;
	line-height:1.5;
}

.text-link {
	text-decoration:none;
	color:#666;
}

.textbloque p{
	display:block;
	line-height:1.5;
	width:70%;
}

.border-top{
	border-top:1px solid #C7C7C7;
	margin-top:65px;
	clear:both;
}

.collum-wrapper{
	margin-top:50px;
}

.collum{
	width:100%;
	/*height:430px;*/
	/*float:left;*/
	/*border-right:1px solid #C7C7C7;*/
	padding:5px 0px 0px;
	position:relative;
}

@media screen and (min-width: 992px){
	.collum{
		width:21%;
		height:430px;
		float:left;
		border-right:1px solid #C7C7C7;
		padding:5px 6% 0px;
		position:relative;
	}
}

.collum-last{
	border-right:0;
}

.collum img{
	display:block;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
}

#wrapper .collum p{
	width:80%;
	line-height:1.5;
	width:120%;
	margin-top:30px;
}

.collum a{
	/*float:right;*/
	display:block;
	color:#ff0000;
	text-decoration:none;
	margin-bottom:10px;
	/*position:absolute;*/
	bottom:5px;
	right:40px;
	font-size:13px;
}

@media screen and (min-width: 992px){
	.collum a{
		float:right;
		display:block;
		color:#ff0000;
		text-decoration:none;
		margin-bottom:10px;
		position:absolute;
		bottom:5px;
		right:40px;
		font-size:13px;
	}
}

.collum-last p a{
	color:#666;
	float:left;
	position:static;
	font-size:14px;
}

/* FOOTER ------------------------------------ */

footer{
	width:70%;
	height:40px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:5px;
}

footer a{
	color:#666;
	font-size:10px;
}

/* CLEARFIX ------------------------------------ */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: block;
	
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}



@media screen and (max-width: 1024px) {
 	
	header{
		width:100%;
	}
	
	header img{
		float:none;
		clear:both;
		margin-left:auto;
		margin-right:auto;
		display:block;
		position:relative;
		bottom:0;
	}
	
	.nav-wrapper{
		width:100%;
		clear:both;
		margin:10px auto;
		text-align:center;
	}
	
	nav{
		width:100%;
		padding-top:0;
		float:none;
		clear:both;
	}
}