@charset "utf-8";
/* CSS Document */

body {
	background-color:rgba(0,0,0,1.00);
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	background-repeat:no-repeat;
	text-align:justify;
}
.cleared {
	clear:both;
}

a img{ border:none;}
/**************************************************************************************************/
/*FONT FACE*/
/**************************************************************************************************/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 9, 2015 */



@font-face {
    font-family: 'antoniobold';
    src: url('font-face/antonio-bold-webfont.eot');
    src: url('font-face/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/antonio-bold-webfont.woff2') format('woff2'),
         url('font-face/antonio-bold-webfont.woff') format('woff'),
         url('font-face/antonio-bold-webfont.ttf') format('truetype'),
         url('font-face/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'antoniolight';
    src: url('font-face/antonio-light-webfont.eot');
    src: url('font-face/antonio-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/antonio-light-webfont.woff2') format('woff2'),
         url('font-face/antonio-light-webfont.woff') format('woff'),
         url('font-face/antonio-light-webfont.ttf') format('truetype'),
         url('font-face/antonio-light-webfont.svg#antoniolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'antonioregular';
    src: url('font-face/antonio-regular-webfont.eot');
    src: url('font-face/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/antonio-regular-webfont.woff2') format('woff2'),
         url('font-face/antonio-regular-webfont.woff') format('woff'),
         url('font-face/antonio-regular-webfont.ttf') format('truetype'),
         url('font-face/antonio-regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}




/************************************TITULOS***************************************/
h1 {
	color:white;
	background:url(img/h1-arrow.png) no-repeat top left rgba(0,0,0,1.00)  ;

	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:14pt;
	font-weight:normal;
	padding-left: 40px;
	position:relative;
	top:-60px;
	background-position:20px 0;

	line-height:140%;
}
h2 {
	color:#097277;
	font-family: 'AmbleRegular';
	font-weight:bold;
	font-size:1.500em;
	margin:5px 0 15px 0;
	text-transform:uppercase;line-height:140%;
}
h3 {
	color:#0BA6AE;
	font-family: 'AmbleRegular';
	font-weight:bold;
	font-size:1.2em;
	margin:5px 0 5px 0;
	line-height:0px;
}
/**************************************************************************************************/
/*FONDO*/
/**************************************************************************************************/

#main-bkg {
	background:url(img/bkg.jpg) repeat-x center top;
	position:fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	  background-repeat:no-repeat;
	top:0;
	height:100%;
	width:100%;
}
/**************************************************************************************************/
/*ENCABEZADO*/
/**************************************************************************************************/

#header {
	
background-color: rgba(31, 33, 38, 0.4);
background: rgba(31, 33, 38, 0.4);
color: rgba(31, 33, 38, 0.4);


	height:120px;
	width:960px;

}
#logo {
	float:left;
	margin-top:10px;
	margin-left:15px;
}
#title {
	float:left;
	height:135px;
	margin:20px 0 0 100px;
	padding:0;
}
/**************************************************************************************************/
/*CONTENIDO*/
/**************************************************************************************************/

#main-wrapper {
	position:relative;
	height:auto;
	margin:0px auto;
	padding-bottom:15px;
    width:960px;
}
#content-wrapper {
	margin:4px 0 0 0;
	padding:0;
	width:960px;
}
#content-border {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(255,255,255,0.2)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#33ffffff', GradientType=0 );
 margin: 0 10px 10px 0;
	float:left;
	height:570px;
	padding:8px;
	width:810px;

}
#content{
	background:white;
	height:570px;
}

/************************************BREADCRUMBS***************************************/
#breadcrumbs {
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 */
	color:white;
	display:block; 
	font-family: 'AmbleRegular';

	margin-top:0px;
	padding:10px;
	width:940px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#breadcrumbs ul {
	padding:5px 0;
	margin:0;
}
#breadcrumbs ul li {
	display: inline;
}
#breadcrumbs ul li.first {
color:#0CC;
	padding-right:5px;
}
#breadcrumbs ul li.inner {
	background:url(img/breadcrumbs-arrow.png) no-repeat center left transparent;
	font-family: 'AmbleRegular';
	margin-left:5px;
	padding-left:12px;
}
/************************************SIDE MENU***************************************/
#side-menu {
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.54) 17%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(10%,rgba(0,0,0,0.5)), color-stop(17%,rgba(0,0,0,0.54)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 10%,rgba(0,0,0,0.54) 17%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 10%,rgba(0,0,0,0.54) 17%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 10%,rgba(0,0,0,0.54) 17%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 10%,rgba(0,0,0,0.54) 17%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

	border:#088 solid 1px;


	float: right;
	height:260px;
	padding:0 10px;
	width:100px;
	-webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
}
#menu-title {
	padding:10px 0;
}
#menu-title img {
	text-align:center;
}
#menu-buttons {

	padding:7px 0 15px 0;
	margin:10px 0;

}
#counter {
	padding:10px 0 0 0;
	margin:0;
}
#counter p {
	color:white;
	margin:0;
	padding:0;
	text-align:center;
}
#counter p#numbers {
	margin-top:20px;
	font-size:3em;
	text-shadow: 0px 0px 5px #062e00;
}
#counter p#text {
	margin-top:10px;
	font-size:1em;
}
#side-menu a {

	background-position:center left;
	background-color:transparent;
	background-repeat:no-repeat;
	border:0;
	color:white;
	display:block;
	margin: 10px auto;
	cursor: pointer;
	font-size:1.125em;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align:justify;
	text-decoration:none;
}
#side-menu a:hover {
	text-decoration:underline;
}
.menu-divider {
	background: #088;
	border-top:black solid 1px;
	height:1px;
}

/*************************BARRA CARGA SLIDES***************************************/
/*************************BARRA CARGA SLIDES***************************************/

/* CSS Document */
.cargador{
	text-align:center;
	margin-top:20px;
	width:64px;
	z-index: 200;
	float:left;
	}/*Cambio*/

div#precargador {
  /*border: 1px solid #0099CC;*/
	margin-left: 0px; 
   /* margin: 0 auto;*/
    /*width: 120px;*/
}
#progressnum {
	font-family: 'antoniobold';
	color:#fff;
	font-size:16px;
	width: 64px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
}
#progressbar{
	/*padding: 4px;*/
	border: 2px solid #fff;
	/*padding: 4px;*/
	background-color: #ffffff;
	margin-top: 4px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	width: 80px;
	height: 14px;
	float: left;
}
div#precargador input {
    background: #eee;
    border: none;
    background: #444;
    box-shadow: 0 1px 1px #222 inset, 0 1px 0 #999;

    cursor: pointer;
}
div#precargador input:hover {
    background: #666;

}
#indicador{
	float: left;
	/*border: 1px solid rgba(0, 0, 0, 0.5);*/
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	color: #c12b2b;
	height: 14px;
	width: 80px;
	margin-right: 10px;
	background-color: #bed73e;
	}
.paginanum{
	font-family: 'antoniobold';
	font-size:20px;
	height:70px;
	width:64px;
	margin: 0px auto;
	float: left;
	color: #fff;
	text-align: center;
}

.next{/*boton siguiente del menu inferior*/
	display:inline-block;
	float:right;
	height:70px;
	width:18px;
	}

.prev{/*boton anterior del menu inferior*/
	display:inline-block;
	float:left;
	height:70px;
	width:18px;
	}
	
#next a img, #prev a img{border:none;/*evitamos que a las imýgenes de las flechas les aparezca el borde de enlace*/}

#nav-anterior_vacio
{
	float:left;
	height: 30px;
	width: 18px;
}
#nav-siguiente_vacio{
float: right;
height: 30px;
width: 18px;
}