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

/**************************************** cambridge society chile **************************************/

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

@media screen and (max-device-width: 480px) {
html {
-webkit-text-size-adjust: none;
}
}

body {
	margin:0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a {
	color: #683283;
	text-decoration: none;
}

.clear {
	clear: both;
}

.clear-line {
	clear: both;
	height:1px;
	width:100%;
	background-color:#CCC;
	margin-top:20px;
}

/*@import url(http://weloveiconfonts.com/api/?family=entypo);*/

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

section #services {
  text-align: center;
  transform: translatez(0);
  -ms-transform: translatez(0);
  -webkit-transform: translatez(0);
  margin:10px 0px 0px -25px;
  float:left;
}

section #services li {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0px 10px 0px 2px;
  list-style: none;
}
section #services li div {
  width: 30px;
  height: 30px;
  color:#191e25;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  background-color:#d0a825;
  transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  border-radius: 5px;
  display:block;
}
section #services li div:hover {
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  border-radius: 100px;
}

/***********  FIN ICON **************/

/************************************** menu principal *******************************/

.contenedor-menu {
	height:55px;
	width:100%;
	background-color:#26393d;
	}


/**************************************banner principal *******************************/

.banner-principal {
	width:100%;
	background-image:url(../imagenes/fondo-index.jpg);
	background-position:center top;
	}

.contenedor-banner {
	width:1000px;
	margin:auto;
	height:400px;
	}

.contenedor-banner h1 {
	float:left;
	margin:130px 0px 0px 50px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:38px;
	width:420px;
	color:white;
	text-shadow: -2px 2px 0px rgba(0, 0, 0, 1);
	line-height:50px;
	}

.contenedor-banner img {
	float:right;
	margin:130px 50px 0px 0px;
	}
	
/******************************************** FOOTER ************************************/
#footer-final {
	width:100%;
	background-color:#191e25;
	height:50px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    /*text-align, background-color, and other specific styles can be applied here. You can change the height from 30px to anything which suits your needs. You can even comment Left: 0px & Right: 0px, but to make sure that it works in all browsers, lets leave them there.*/
}

.footer {
	width:100%;
	background-color:#191e25;
	height:50px;
	}

.contenedor-footer {
	width:1000px;
	margin:auto;
	}

.contenedor-footer p {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:14px;
	margin:12px 50px 10px 0px;
	color:#e8e594;
	float:left;
	}

.fizz {
	float:right;
	margin-top:12px;
	}

.fizz span {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:14px;
	margin:10px 5px 10px 0px;
	color:#e8e594;
	/*text-align:left;*/
	/*float:left;*/
	}
	
.fizz a {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:14px;
	margin:0px;
	color:#d0a825;
	/*float:left;*/
	/*text-align:left;*/
	}

.fizz a:hover {
	color:#CCC
	}

/**************************************** cuadros 250x250 index *************************/

.contenedor-cuadros-fondo {
	width:100%;
	height:250px;
	background-color:#26393d;
	}
.contenedor-cuadros-index {
	width:1000px;
	margin:auto;
	background-color:black;
	}

/***************************************** cuadro 1**********************************/

.cuadro-bienvenidos {
	width:250px;
	height:250px;
	float:left;
	background:url(../imagenes/cuandro-index1.jpg) top left;
	display:block;
	}

.cuadro-bienvenidos:hover {
	opacity: 0.6;
	cursor:pointer;
	}

.cuadro-bienvenidos h1{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:16px;
	padding:10px 0px 10px 20px;
	margin-top:20px;
	background-color:white;
	width:150px;
	}

.cuadro-bienvenidos p{
	font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
	font-weight:400;
	font-size:14px;
	padding:10px 20px 10px 20px;
	text-align:justify;
	margin:120px 0px 0px 0px;
	background-color:#e8e594;
	width:190px;
	height:35px;
	}

/***************************************** cuadro 2**********************************/

.cuadro-eventos {
	width:250px;
	height:250px;
	float:left;
	background:url(../imagenes/cuandro-index2.jpg) top left;
	display:block;
	}

.cuadro-eventos:hover {
	opacity: 0.6;
	cursor:pointer;
	}

.cuadro-eventos h1{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:16px;
	padding:10px 0px 10px 20px;
	margin-top:20px;
	background-color:white;
	width:150px;
	}

.cuadro-eventos p{
	font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
	font-weight:400;
	font-size:14px;
	padding:10px 20px 10px 20px;
	text-align:justify;
	margin:120px 0px 0px 0px;
	background-color:#e8e594;
	width:190px;
	height:35px;
	}

/***************************************** cuadro 3**********************************/

.cuadro-noticias {
	width:250px;
	height:250px;
	float:left;
	background:url(../imagenes/cuandro-index3.jpg) top left;
	display:block;
	}

.cuadro-noticias:hover {
	opacity: 0.6;
	cursor:pointer;
	}

.cuadro-noticias h1{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:16px;
	padding:10px 0px 10px 20px;
	margin-top:20px;
	background-color:white;
	width:150px;
	}

.cuadro-noticias p{
	font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
	font-weight:400;
	font-size:14px;
	padding:10px 20px 10px 20px;
	text-align:justify;
	margin:120px 0px 0px 0px;
	background-color:#e8e594;
	width:190px;
	height:35px;
	}
/***************************************** cuadro 4**********************************/

.cuadro-login {
	width:250px;
	height:250px;
	float:left;
	background-color:#d0a825;
	}

.cuadro-login h1{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:16px;
	padding:10px 0px 10px 10px;
	margin-top:20px;
	background-color:white;
	width:150px;
	}

.cuadro-login td{
	font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	margin:120px 0px 0px 0px;
	}

.cuadro-login a{
	font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:white;
	text-align:center;
	display:block;
	}

.cuadro-login a:hover{
	font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#26393d;
	text-align:center;
	display:block;
	}

.boton-entrar a {
	font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:white;
	text-align:center;
	display:block;
	height:20px;
	width:100px;
	background-color:#26393d;
	margin:auto;
	padding-top:5px;
	}
.boton-entrar a:hover {
	color:white;
	background-color:gray;
	}

/*******************************************seccion noticias index **************************************/

.contenedor-noticias-index {
	width:100%;
	background-color:white;
	}

.noticias-index {
	width:1000px;
	margin:auto;
	}

.caja-noticia-index {
	width:460px;
	padding:25px 20px 25px 20px;
	height:190px;
	float:left;
	}

.caja-noticia-index-link a{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:16px;
	padding:0px;
	margin:0px;
	color:#26393d;
	width:210px;
	height:42px;
	overflow:hidden;
	display:block;
	line-height:20px;
	}

.caja-noticia-index a:hover{
	color: #CCC;
	}

.caja-noticia-index-fecha{
	font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
	font-weight:400;
	font-size:11px;
	text-align:left;
	margin:10px 0px 0px 0px;
	width:210px;
	height:10px;
	overflow:hidden;
	display:block;
	}

.caja-noticia-index-texto{
	font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
	font-weight:400;
	font-size:12px;
	text-align:justify;
	margin:10px 0px 0px 0px;
	width:210px;
	height:97px;
	overflow:hidden;
	display:block;
	}

.caja-noticia-index p{
	margin:0px;
	}

.caja-noticia-index img {
	float:right;
	}

.leer-mas {
	height:20px;
	width:80px;
	margin:10px 0px 0px 0px;
	padding:0px;
	}

.leer-mas a{
	font-family: "Arial", Gotham, Helvetica Neue, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#40627d;
	height:20px;
	width:80px;
	}

.leer-mas a:hover{
	color: #CCC;
	}

/**************************************** sponsors ******************************************/

.barra-sponsors {
	width:100%;
	background-color:#eaeaea;
	}

.contenedor-sponsors {
	width:960px;
	height:140px;
	margin:auto;
	padding:10px 20px 20px 20px;
	color:#26393d;
	}

.contenedor-sponsors h1{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:16px;
	margin-top:0px;
	margin-bottom:-1px;
	display:block;
	}


/**************************************** registro **************************************/

.titulo-registro {
	width:100%;
	background-color:#eaeaea;
	}

.titulo-registro h1{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:20px;
	padding-left:10px;
	margin:auto;
	padding-top:20px;
	height:50px;
	width:1000px;
	}

.titulo-formulario {
	width:100%;
	background-color:#e8e594;
	}

.titulo-formulario h2{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:16px;
	padding-left:40px;
	margin:auto;
	padding-top:8px;
	height:35px;
	width:1000px;
	}

.tabla-registro {
	}
	
.tabla-registro td{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:14px;
	margin:auto;
	}


/************************* CAMBIOS 31-07 - 2018 ****************************/

.nuevo-btn-registro {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 5px;
    font-size: 14px !important;
    width: 130px;
    text-align: center;
    margin: auto;
    margin-top: 5px;
    color: #26393d !important;
}

.nuevo-btn-registro:hover {
    background-color: #26393d;
    color: #fff !important;
}