/************************/
/* ---- HTML RESET ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font: inherit;
	/*font-size: 100%;*/
	margin: 0;
	outline: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label, legend { 
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
}
a{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

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

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

}

/************************/
/* ---- Clearfixes ---- */
.row:before,
.row:after,
.clearfix:before,
.clearfix:after{
	content:'';
	display:table;
}
.row:after,
.clearfix:after{
	clear:both;
}


/*****************************/
/* ---- Skip to content ---- */
#skip-link {
    left: 50%;
    margin-left: -1200px;
    margin-top: -100px;
    position: absolute;
    width: auto;
    z-index: 50;
}
#skip-link a, 
#skip-link a:link, 
#skip-link a:visited {
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    display: block;
    padding: 1px 10px 2px;
    text-decoration: none;
}
#skip-link a, #skip-link a:link, #skip-link a:visited {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    display: block;
    padding: 1px 10px 2px;
    text-decoration: none;
}


/*************************/
/* ---- GRID Layout ---- */
*{
	box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
.grid{
	margin:0 auto;
	max-width:1200px;
	width:100%;
}

/*Grid columnas: para calcular el tamaño de la columna, se divide 100/12 y se multiplica por el número de columnas 
(ej: .c3 = 100/12=8.333*3=25 --> .c3 = width:25% )*/
.row{
	margin:0 auto;
	width:100%;
}
.c1{
	width:8.33%;
}
.c2{
	width:16.66%;
}
.c3{
	width:25%;
}
.c4{
	width:33.33%;
}
.c5{
	width:41.66%;
}
.c6{
	width:50%;
}
.c7{
	width:58.33%;
}
.c8{
	width:66.66%;
}
.c9{
	width:75%;
}
.c10{
	width:83.33%;
}
.c11{
	width:91.66%;
}
.c12{
	float:left;
	min-height:1px;
	position:relative;
	width:100%;
}

/*Grid columnas especiales*/
.c1-5{
	width:20%;
}/* Puedes usar esta columna como una quinta parte del la fila*/
.c1-8{
	width:12.5%;
}/* Puedes usar esta columna como una octaba parte del la fila*/
.c1-10{
	width:10%;
}
.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10,
.c11,
.c1-5,
.c1-8,
.c1-10 {
	float:left;
	min-height:1px;
	padding-left:4px;
	padding-right:4px; 
	position:relative;
}
.c1.first,
.c2.first,
.c3.first,
.c4.first,
.c5.first,
.c6.first,
.c7.first,
.c8.first,
.c9.first,
.c10.first,
.c11.first,
.c1-5.first,
.c1-8.first,
.c1-10.first {
	padding-left: 0; position:relative;
}
.c1.last,
.c2.last,
.c3.last,
.c4.last,
.c5.last,
.c6.last,
.c7.last,
.c8.last,
.c9.last,
.c10.last,
.c11.last,
.c1-5.last,
.c1-8.last,
.c1-10.last {
	padding-right: 0;
	position:relative;
}

sub, 
sup {
	font-size: 60%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}


/**************************/
/* ---- Tipografías ---- */

/* Títulos */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
	font-weight: normal; 
	font-style: normal; 
	line-height: 1; 
}
h1 small, 
h2 small, 
h3 small, 
h4 small, 
h5 small, 
h6 small { 
	font-size: 80%; 
}
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a { 
	font-weight: inherit; 
	text-decoration:none; 
}

/* Enlaces */
a {
	display: block;
	line-height: inherit;
	text-decoration: none; 
	/*transition: all 0.15s ease-out 0s;*/
}

/* Párrafos */
p {
	margin: 0;
	padding:0;
}

/* Otros */
em, 
i { 
	font-style: italic; 
	line-height: inherit; 
}
strong, b { 
	font-weight: bold; 
	line-height: inherit; 
}
small { 
	font-size: 70%; 
	line-height: inherit; 
}

hr { 
	border: solid #ddd; 
	border-width: 1px 0 0; 
	clear: both; 
	height: 0; 
	margin: 20px 0 20px; 
}


/*******************/
/* ---- Misc ---- */
.content{
	height: auto;
	width: 100%; 
}
.left {
	float: left;
}
.right {
	float: right;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.centered{
	float: none;
	margin: auto;
}
.clear{
	clear: both;
}
.no-margin{
	margin: 0;
}
.no-padding{
	padding: 0;
}


/****************************/
/* ---- Fullscreen img ---- */
.fullscreen{
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999;
}


/*********************/
/* ----- Menu ----- */
.nav-button { 
	display: none; 
} /* oculta el botón de navegación */

.primary-nav{
    display: block;
}
.primary-nav > li{
	float: left;
	list-style: none;
	position: relative;
}
.primary-nav ul{
	background: #EEEEEE;
	display: none;
	left: 10px;
	margin-left: 0;
	min-width: 250px;
	position: absolute;
	top: 45px;
	z-index: 2000;
}
.primary-nav li:hover > ul{
	display: block;
}
.primary-nav li.parent ul li{
	list-style: none;
}


/*********************/
/* ---- Listas ---- */

/* --- Listas con estilo --- */
ul.square, 
ul.circle, 
ul.disc { 
	margin-left: 12px; 
}

/* Listas Square */
ul.square { 
	list-style-type: square; 
}
ul.square li ul { 
	list-style: inherit; 
}

/* Listas Circle */
ul.circle { 
	list-style-type: circle;
}
ul.circle li ul {
	list-style: inherit; 
}

/* Listas Disc */
ul.disc { 
	list-style-type: disc;
}
ul.disc li ul { 
	list-style: inherit;
}

/* Listas No-bullet */
ul.no-bullet { 
	list-style: none;
}


/**************************/
/* ---- Formularios ---- */
/* Los formularios .vform tienes los elementos al 100%; los formularios .hform tienes los elementos al 40% */

.vform {
	max-width: 360px;
	width: 100%;
}
.hform {
	max-width: 420px;
	width: 100%;
}
.vform,
.hform {
	margin-bottom: 20px;
}
.vform label {
	width: 100%;
}
.hform label {
	width: 40%;
}
.vform label,
.hform label {
	display: block; 
	float: left; 
	text-align: left;
	vertical-align: middle; 
}
.vform textarea, 
.vform input[type="text"], 
.vform input[type="password"],
.vform input[type="datetime"],
.vform input[type="datetime-local"],
.vform input[type="date"], 
.vform input[type="month"],
.vform input[type="time"],
.vform input[type="week"],
.vform input[type="number"],
.vform input[type="email"],
.vform input[type="url"], 
.vform input[type="tel"],
.vform input[type="color"],
.vform select{
	width: 100%;
}
.hform textarea,
.hform input[type="text"],
.hform input[type="password"],
.hform input[type="datetime"],
.hform input[type="datetime-local"],
.hform input[type="date"], 
.hform input[type="month"],
.hform input[type="time"],
.hform input[type="week"],
.hform input[type="number"],
.hform input[type="email"],
.hform input[type="url"], 
.hform input[type="tel"],
.hform input[type="color"],
.hform select {
	width: 60%;
}
.vform textarea,
.vform input[type="text"],
.vform input[type="password"],
.vform input[type="datetime"],
.vform input[type="datetime-local"],
.vform input[type="date"],
.vform input[type="month"],
.vform input[type="time"],
.vform input[type="week"],
.vform input[type="number"],
.vform input[type="email"],
.vform input[type="url"], 
.vform input[type="tel"],
.vform input[type="color"],
.vform select,
.hform textarea,
.hform input[type="text"],
.hform input[type="password"],
.hform input[type="datetime"],
.hform input[type="datetime-local"],
.hform input[type="date"],
.hform input[type="month"],
.hform input[type="time"],
.hform input[type="week"],
.hform input[type="number"],
.hform input[type="email"],
.hform input[type="url"],
.hform input[type="tel"],
.hform input[type="color"],
.hform select {
	background: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	margin: 0;
	margin-bottom: 10px;
	outline: none;	
	padding: 4px 6px;
	vertical-align: middle;
} 
.vform input[type="text"]:focus,
.vform input[type="password"]:focus,
.vform input[type="datetime"]:focus,
.vform input[type="email"]:focus,
.vform input[type="datetime-local"]:focus,
.vform input[type="date"]:focus,
.vform input[type="month"]:focus,
.vform input[type="time"]:focus,
.vform input[type="week"]:focus,
.vform input[type="url"]:focus,
.vform input[type="number"]:focus,
.vform input[type="search"]:focus,
.vform input[type="tel"]:focus,
.vform textarea:focus,
.vform select:focus,
.hform textarea:focus,
.hform input[type="text"]:focus,
.hform input[type="password"]:focus,
.hform input[type="datetime"]:focus,
.hform input[type="datetime-local"]:focus,
.hform input[type="date"]:focus,
.hform input[type="month"]:focus,
.hform input[type="time"]:focus,
.hform input[type="week"]:focus,
.hform input[type="number"]:focus,
.hform input[type="email"]:focus,
.hform input[type="url"]:focus,
.hform input[type="search"]:focus,
.hform input[type="tel"]:focus,
.hform input[type="color"]:focus,
.hform select:focus{
	border: 1px solid #cccccc;
	color: #444;
}
.vform textarea,
.hform textarea{
	min-height:120px;
}
.vform fieldset,
.hform fieldset {
	margin-bottom: 20px;
}


/********************/
/* ---- Tablas ---- */
table {
	border: solid #ccc 1px;
	border-left: none;
	width: 100%; 
}   
td,
th {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px;
	text-align: left;
}
th {
	background-color: #f0f0f0;   
	border-top: none;
	text-align: center;
}


/******************************************************/
/* ------------ INTERNET EXPLORER STYLES ------------ */
/******************************************************/

/* ---- GRID Layout ---- */
.ie7 body{
	background-color: #f4f4f4; 
	font-family: Arial, sans-serif;
	margin:0 auto;
	color:#666666;
}
.ie7 .grid{
	margin:0 auto;
	width:980px;
}

/* Reseteo de las clases del grid para IE */
.ie7 .g1140{
	margin:0 auto;
	max-width:980px;
	width:980px;
}
.ie7 .g1024{
	margin:0 auto;
	max-width:980px;
	width:980px;
}
.ie7 .g960{
	margin:0 auto;
	max-width:980px;
	width:980px;
}

/* Columnas del grid para IE */
.ie7 .row{
	margin:0 auto;
	width:100%;
}
.ie7 .c1{
	width:64px;
}
.ie7 .c2{
	width:149px;
}
.ie7 .c3{
	width:230px;
}
.ie7 .c4{
	width:313px;
}
.ie7 .c5{
	width:398px;
}
.ie7 .c6{
	width:480px;
}
.ie7 .c7{
	width:562px;
}
.ie7 .c8{
	width:647px;
}
.ie7 .c9{
	width:730px;
}
.ie7 .c10{
	width:818px;
}
.ie7 .c11{
	width:900px;
}
.ie7 .c12{
	float:left;
	min-height:1px;
	position:relative;
	width:980px;
}

/* Columnas especiales del grid para IE*/
.ie7 .c1-5{
	width:180px;
}
.ie7 .c1-8{
	width:105px;
}
.ie7 .c1-10{
	width:90px;
}
.ie7 .c1.first{
	padding-right: 6px;
}
.ie7 .c1.last{
	padding-left: 6px;
}
.ie7 .c2.first{
	padding-right: 3px;
}
.ie7 .c2.last{
	padding-left: 3px;
}

/* Tooltip para IE */
.ie7 a.tooltip:hover span.ie-tooltip{
	display: block;
}

/* Breadcrumb */
.ie7 .breadcrumb li{
	display: inline;
}


/****************************************/
/* ------------ MEDIAQUERY ------------ */
/****************************************/


/*********************************/
/* Estilos para pantallas 1024px */
@media only screen and (max-width: 1024px){

}


/*****************************************/
/* Estilos para ipad y tabletas vertical */

/*
@media only screen and (max-width:980px){
	.row .row .c1,
	.row .row .c2,
	.row .row .c3,
	.row .row .c4,
	.row .row .c5,
	.row .row .c6,
	.row .row .c7,
	.row .row .c8,
	.row .row .c9,
	.row .row .c10,
	.row .row .c11,
	.row .row .c12,
	.row .row .c1-5,
	.row .row .c1-8,
	.row .row .c1-10{
		margin-bottom:20px;
		margin-left:0px;
		margin-right:0px;
		width:100%;
	}
	.row .row > div:last-child {
		margin-bottom:0 !important
	}
	.fullscreen{
		left: 50%;
		margin-left: -600px;
		min-width: 1200px;
	}	
}
*/



/****************************************************/
/* Estilos para ipad y tablets orientación vertical */

/*
@media only screen and (max-width: 768px){

	body{
		font-size:90%
	}
	.row{
		margin-bottom:0!important
	}
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1-5,.c1-8,.c1-10{
		margin-bottom:20px;
		margin-left:0;
		margin-right:0;
		padding:0 10px;
		width:100%;
	}
	.c1.first,
	.c2.first,
	.c3.first,
	.c4.first,
	.c5.first,
	.c6.first,
	.c7.first,
	.c8.first,
	.c9.first,
	.c10.first,
	.c11.first,
	.c1-5.first,
	.c1-8.first,
	.c1-10.first{
		padding-left: 10px;
		position:relative;
	}
	.c1.last,
	.c2.last,
	.c3.last,
	.c4.last,
	.c5.last,
	.c6.last,
	.c7.last,
	.c8.last,
	.c9.last,
	.c10.last,
	.c11.last,
	.c1-5.last,
	.c1-8.last,
	.c1-10.first{
		padding-right: 10px;
		position:relative;
	}
*/


	/* Botón de navegación */
	
/*	.nav-button {
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 50px;
		height: 35px;
		background-image: url('fonts/images/menu-icon-large.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button.open {
		background-image: url('fonts/images/close-icon-large.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}
*/

	/* Barra de navegación */
	
/*	.primary-nav {
		border-radius: 0;
		clear: both;
		display: block;
		float: none;
		height: 50px;
		left: 0px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		top: 0px;
		width: 100%;
		z-index: 998;
	}
	.primary-nav li {
		display: none;
		width: 100%;
	}
	.primary-nav li a {
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
		color: white;
		display: block;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		padding: 10px 5%;
		text-decoration: none;
		width: 100%;
	}
	.primary-nav li a:hover {
		background: #333333;
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
		color: #FFFFFF;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}
*/

	/* Barra de navegación desplegada */
	
/*	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
	}
*/

	/* Submenus */
/*	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		color: rgba(255,255,255,.5);
		content: ">";
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		background: #333333;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		display: none;
		left: 0;
		margin: 0;
		padding: 0;
		position: relative;
		top: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		font-weight: normal;
		padding: 10px 5%;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}
}
*/


/********************************/
/* ---- Estilos para móvil ---- */
/*

@media only screen and (max-width: 475px) {
	.logotipo{
		float: none;
		margin: 60px auto 0;
		text-align: center;
	}
	.logotipo h1 a img{
		max-width: 150px;
	}	
}
*/