html{
	width:100%;
	height:100%;	
	}
	
body {
  background: #ffffff url('../images/interfaz/fondo.jpg') no-repeat top center;
   /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	*/
	padding: 0px;
	margin: 0px;
	border:0px;
	font-family: arial;
	color: #192249;
	width:100%;
	height:100%;	
	overflow-x: hidden;
	 
}

#pie
{
		font-weight: bold;
		text-align: center;
		background: #fff;
		color: #21264e;
		margin: 10px auto 0px auto;	
		padding-bottom: 40px;		
}

.mosca
{
	position: absolute;
	left: 0;
	margin: 0;
	background:  no-repeat left top;	
	width: 507px;
	height: 630px;
}

.btn
{
			width: fit-content;
			padding: 8px 20px;
			color:#fff;
			background:#85171c;
			display:inline-block;
			text-align:center;
			margin: 0px auto;			
}

.btn:hover
{
		color:#fff;
		cursor: pointer;
		background:#590f12;			
}

.btn_videopreguntas {
   background: url('../images/interfaz/btn_videopreguntas.png') no-repeat center top;
   width:  251px;
   height: 36px;
   text-align:center;
   margin: auto;
   display:inline-block;
   transition: all 1s ease-out;
}

.btn_videopreguntas:hover
{
  filter: grayscale(100%);
   cursor:pointer;
}	

.btn_preguntas {
   background: url('../images/interfaz/btn_preguntas.png') no-repeat center top;
   width:  251px;
   height: 36px;
   text-align:center;
   margin: auto;
   margin-right:0px;
   display:inline-block;
   transition: all 1s ease-out;
}

.btn_preguntas:hover {
   /*
   background-image: url('../images/interfaz/btn_preguntas2.png');
   */
  filter: grayscale(100%);
   cursor:pointer;
}	

.btn_asistencia {
   background: url('../images/interfaz/btn_asistencia.png') no-repeat center top;
   width:  251px;
   height: 36px;
   text-align:center;
   margin: auto;
   margin-right:0px;
   display:inline-block;
   transition: all 1s ease-out;
}

.btn_asistencia:hover {
   filter: grayscale(100%);
   cursor:pointer;
}	

.btn_programa {
   background: url('../images/interfaz/btn_programa.png') no-repeat center top;
   width:  251px;
   height: 36px;
   text-align:center;
   margin: auto;
  
   display:inline-block;
   transition: all 1s ease-out;
}

.btn_programa:hover {
  filter: grayscale(100%);
   cursor:pointer;
}	

.btn_info  {
   background: url('../images/interfaz/btn_info.png') no-repeat center top;
   width:  251px;
   height: 36px;
   text-align:center;
   margin: auto;
   display:inline-block;
   transition: all 1s ease-out;
}

.btn_info:hover {
  filter: grayscale(100%);
   cursor:pointer;
}	

.btn_acceso  {
   background: url('../images/interfaz/btn_acceso.png') no-repeat center top;
   width:  251px;
   height: 36px;
   text-align:center;
   margin: auto;
   display:block;
   transition: all 1s ease-out;
}

.btn_acceso:hover {
 /*  filter: grayscale(100%);*/
   background: url('../images/interfaz/btn_acceso2.png') no-repeat center top;
   cursor:pointer;
}	

.btn_asamblea {
   background: url('../images/interfaz/btn_asamblea.png') no-repeat center top;
   width:  251px;
   height: 36px;
   text-align:center;
   margin: auto;
   margin-right:10px;
   display:inline-block;
   transition: all 1s ease-out;
}

.btn_asamblea:hover {
   filter: grayscale(100%);
   cursor:pointer;
}	


/***** Termómetro *************/

#termometro
{
	color: #522D6D;
	margin: 40px auto;
	text-align:center;
}

.progress
{ 
	background-color: #ffffff30;	
	border:5px solid #DEB208;
	border-radius:25px;
	height: 30px;
	/*
	border-image: url('../images/interfaz/fondo_login.jpg');
	border-image-slice: 30;
	*/
}	
	
.navbar-why-you-so-small > .navbar-collapse {
	background-color: rgba(51, 51, 51, 0.8);
}

.progress-bar
{
	text-align: left;
	white-space: nowrap;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;	
	transition: all 1s ease-in;
	background: rgb(154,132,170);
  background: linear-gradient(0deg, rgba(154,132,170,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, rgba(154,132,170,1) 100%);
}

.progress-bar > .progress-type {
	padding-left: 10px;
}

.progress-meter {
	min-height: 15px;
	border-bottom: 0px solid #444;
}

.progress-meter > .meter {
	position: relative;
	float: left;
	min-height: 15px;
	border-width: 0px;
	border-style: solid;
	border-color: #444;
}

.progress-meter > .meter-left {
	border-left-width: 2px;
}

.progress-meter > .meter-right {
	float: right;
	border-right-width: 2px;
}


.progress-meter > .meter-right2 {
	
	border-right-width: 2px;
}


.progress-meter > .meter-right:last-child {
	border-left-width: 2px;
}

.progress-meter > .meter > .meter-text {
	position: absolute;
	display: inline-block;
	bottom: -20px;
	width: 100%;
	font-weight: 700;

	color: #444;
	
}

.progress-meter > .meter > .meter-text0 {
	position: absolute;	
	bottom: -20px;
  left: 0;
	font-weight: 700;

	color: #444;
	
}

.progress-meter > .meter.meter-right > .meter-text {
	text-align: right;
}

 /* ---------------------------------------------------
    PANEL LATERAL
----------------------------------------------------- */


cd-panel-content::after, cd-panel-content::before
{
  content: '';
}  
  
.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 500;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s; }

.cd-panel::after {
  /* overlay layer */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s; }

.cd-panel.is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s; }

.cd-panel.is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: background 0.3s 0s;
  -moz-transition: background 0.3s 0s;
  transition: background 0.3s 0s; }

.cd-panel.is-visible .cd-panel-close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
  -moz-animation: cd-close-1 0.6s 0.3s;
  animation: cd-close-1 0.6s 0.3s; }

.cd-panel.is-visible .cd-panel-close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
  -moz-animation: cd-close-2 0.6s 0.3s;
  animation: cd-close-2 0.6s 0.3s; }

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0); }
  100% {
    -webkit-transform: rotate(45deg); } }
@-moz-keyframes cd-close-1 {
  0%, 50% {
    -moz-transform: rotate(0); }
  100% {
    -moz-transform: rotate(45deg); } }
@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); } }
@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0); }
  100% {
    -webkit-transform: rotate(-45deg); } }
@-moz-keyframes cd-close-2 {
  0%, 50% {
    -moz-transform: rotate(0); }
  100% {
    -moz-transform: rotate(-45deg); } }
@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); } }
.cd-panel-header {
  position: fixed;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.9);
  z-index: 2;
  border-left: 1px solid #000;
  border-bottom: 3px solid #3C8B91;  /* La barra de abajo de la cabecera */
  -webkit-transition: top 0.3s 0s;
  -moz-transition: top 0.3s 0s;
  transition: top 0.3s 0s; }

.cd-panel-header h1 {
  font-weight: normal;
  color: #fff;

  padding-left: 20px;
  margin-top: 0px; }

.from-right .cd-panel-header, .from-left .cd-panel-header {
  top: -50px; }

.from-right .cd-panel-header {
  right: 0; }

.from-left .cd-panel-header {
  left: 0; }

.is-visible .cd-panel-header {
  top: 0;
  -webkit-transition: top 0.3s 0.3s;
  -moz-transition: top 0.3s 0.3s;
  transition: top 0.3s 0.3s; }

@media only screen and (min-width: 768px) {
  .cd-panel-header {
    width: 70%; } }
@media only screen and (min-width: 1170px) {
  .cd-panel-header {
    width: 50%; } }
.cd-panel-close {
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
   
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.cd-panel-close::before, .cd-panel-close::after {
   
  position: absolute;
  content: '';
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #e7e7e7;
  
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cd-panel-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.cd-panel-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.no-touch .cd-panel-close:hover {
  background-color: #424f5c; }

.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
  background-color: #ffffff;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.no-touch .cd-panel-close:hover::before {
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  -ms-transform: rotate(220deg);
  -o-transform: rotate(220deg);
  transform: rotate(220deg); }

.no-touch .cd-panel-close:hover::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.cd-panel-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: #fff;
  border-left: 1px solid #999;
  z-index: 1;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.from-right .cd-panel-container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.from-left .cd-panel-container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.is-visible .cd-panel-container {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s; }

@media only screen and (min-width: 768px) {
  .cd-panel-container {
    width: 70%; } }
@media only screen and (min-width: 1170px) {
  .cd-panel-container {
    width: 50%; } }
.cd-panel-content {
  position: absolute;
  top: 0;
  left: 0;
  /* width: 100%; */
  height: 100%;
  padding: 70px 5% 0px 5%;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch; }

.cd-panel-content p {

  color: #424f5c;
  line-height: 1.4;
  margin: 2em 0; }

.cd-panel-content p:first-of-type {
  margin-top: 0; }

@media only screen and (min-width: 768px) {
  .cd-panel-content p {


    line-height: 1.6; } }
    
    
/* ---------------- CONTENIDO --------------------------- */

#BurPlayer-UI
{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	z-index:999;	
}

.tituloPanel {
  color: #139CC2;
  
 }

#margenSeguridadPanel {
  margin-top: 120px; }

.boton
{
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  width: fit-content;
  transition: all 0.7s ease;
  text-align: center;
  min-width: 100px;
  border-radius: 50px;
  color: #fff;
  padding: 5px 30px;
  font-size: 16px;
  background: #21264e;
  text-align: center;
  margin: 0px auto;
  width: fit-content;
  border: 1px solid #21264e;
}

.boton_sub
{
	 
  background: #1B74BB;
  border-radius: 10px;
  color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 5px 5px 0px 0px;
  text-align: center;

  cursor: pointer;
  transition: all 0.7s ease;
  font-weight: bold;
  width: 241px;  
  display: inline-block; 
}

.boton_sub:hover
{
	background: #99CCE9;
}

.boton:hover
{  
    background: #1f9ccc;  	
  	border: 1px solid #1f9ccc;
}

.sub
{
	background: transparent url('../images/interfaz/btn.png') no-repeat;
	width: 125px;  
	padding: 11px 0px 10px 5px;
}


#cabecera
{
		padding: 20px 20px;
		background:#ffffffee;	
		border-bottom: 3px solid #452665;
}
	
#enc_titulo
{
		margin-top: 20px;	
}

#enc_descripcion
{	
	margin-top: 10px;
	margin-bottom: 20px;
}
	
#enc_tabloide
{
	color:#444;	
}	

#containerSup
{	
	
	width: 100%;
	height:auto;
	margin-top:0px;
	margin-bottom: 0px;

	 background: transparent  ;
   /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */
    
    padding-bottom: 10px;
	border-bottom:0px solid #8AC6E8;
}

#container{
	width:95%;
	max-width:1600px;
	margin: 0px auto;	
	}
	
#containerInf
{
	background: transparent;
	width: 100%;
	height:auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding-bottom:10px;
	border-top: 0px solid #522D6D;
	border-bottom:0px solid #522D6D;
}
	

	
.left {
        width: 100%;
        /*background: #B41E40;*/
        background: rgba(11,79,149,1);
        height:100%;
        color:#ffffff;
    }
    
.right {
        float: right;
        width: 50%;
        background: rgba(11,79,149,1);
        
    }
    
.group:after {
        content:"";
        display: table;
        clear: both;
    }
    

 @media screen and (max-width: 600px) {
        .left, .right {
            float: none;
            width: auto;
        }
        .right {
        	background: none;
        	color:#000;
        	}
    }    


#seccion
{
	      width: 90%;
				max-width: 550px;	
				margin: 0 auto;			 
        background: #f7f7f7;
         border-radius: 10px 10px 10px 10px;
				-moz-border-radius: 10px 10px 10px 10px;
				-webkit-border-radius: 10px 10px 10px 10px;
				-webkit-box-shadow: 0 10px 6px -6px #777;
	      -moz-box-shadow: 0 10px 6px -6px #777;
	      box-shadow: 0 10px 6px -6px #777;
	      border: 2px solid #00B3C7;
}



	input.submit {	
    width: 100%;
		min-width:100px; 
	  color:#fff;
		text-align:center;
		margin-top: 10px;
	  background: rgb(5,103,125);
		background: linear-gradient(90deg, rgba(5,103,125,1) 0%, rgba(126,182,168,1) 100%);
		-webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    border-radius:  6px;
    padding: 8px 5px;
    border: 0;	
    font-weight:normal;
	}
	
	.morado
	{
		 background: #452665;
	}
	
	.verde
	{
		 background: #067b4f;
	}
	
	
	.boton
	{
		
				display: inline-block;
	}
	
	.boton2 {	
		width: 100%;
		max-width:100px;
	  color:#fff;
		text-align:left;
		margin: 10px 0px;		
	  background-color: #C1D300;
		-webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;  
    border-radius: 6px;
    padding: 5px 0px 5px 20px;
   
	}

	input.submit:hover{
		background: rgb(5,103,125);
    background: linear-gradient(90deg, rgba(5,103,125,1) 0%, rgba(5,103,125,1) 100%);
	 	color: #fff;
		cursor:  pointer;
	 
	}

	.campo {		
		display: inline-block;
		width:100%;
		max-width:210px;
    margin:10px 20px 10px 20px;
    vertical-align: top;	
		text-align:center;		
		
	}
	
	.campo2 {
			display: inline-block;
			width:2px;
			height:200px;
			margin:30px 10px 20px 10px;  
	    vertical-align:top;
			border-left: 1px solid #cccccc;
			text-align:left;			
			}
	




a:link,a:visited{
	outline: none; 
	text-decoration:none;	
	color:#dc0028;
	-webkit-transition: all 0.7s ease;
   transition: all 0.7s ease;
}

 #rotar:hover{
	
	cursor:pointer;
	-webkit-transform: rotate(15deg) ;
	transform: rotate(15deg) ;
	
	}
	
	#rotar{
		-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;	
	}

	
a:hover{
	color: #444444;	
	text-decoration:none;	
	}	


	
textarea {
    resize: none;
}

#content {

				background-color: #1A2F5E;
        width:95%;
   			color:#ffffff;
				margin:20px auto;
				border: 10px solid rgba(0,171,207, 0.2);
				-webkit-background-clip: padding-box; /* for Safari */
    			background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
                box-shadow: rgba(0,0,0, 0.2) 0 8px 6px -2px ;
				-moz-box-shadow: rgba(0,0,0, 0.2) 0 8px 6px -2px;
				-webkit-box-shadow: rgba(0,0,0, 0.2) 0 8px 6px -2px;
}

 	#contact-wrapper {			
				padding: 20px 20px 0px 20px;
				text-align: left;
				}
				
	.contenedor_contacto{
		width:100%;
		text-align:left;
		 
		}											

.submit {
		width: 60%;
		min-width:100px;
	  color:#fff;
		text-align:center;
		text-transform: uppercase;
		margin-top: 10px;
	  background-color: #7D3539;
		-webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    border-right: 15px solid #fff;
    border-radius: 15px;
    padding: 5px;
	}

	.submit:hover {
			background-color: #D27A76;	
	 	color: #fff;
		cursor:  pointer;
	}
	
	.campo {		
		display: inline-block;
		width:100%;
		max-width:210px;
    margin:20px 20px 10px 20px;
    vertical-align: top;	
		text-align:center;	
		color:#444444;	

	}
	
	.campo2 {
			display: inline-block;
			width:2px;
			height:200px;
			margin:30px 10px 20px 10px;  
	    vertical-align:top;
			border-left: 1px solid #cccccc;
			text-align:left;			
			}
	


	fieldset { border: none; }
	#clear		{		clear:both;	}
	
 .effect1{
	-webkit-box-shadow: 10px 10px 6px -6px #777;
	   -moz-box-shadow: 10px 10px 6px -6px #777;
	        box-shadow: 10px 10px 6px -6px #777;
}



#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}


#desp{
	width: 320px;
	height: 30px;
	background: #00592f;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;

	color:#ffec00;
	padding:8px 20px;
	display:inline;
	text-decoration:none;

	-webkit-box-shadow: inset 2px -4px 22px 0px rgba(0,0,0,0.45);
-moz-box-shadow: inset 2px -4px 22px 0px rgba(0,0,0,0.45);
box-shadow: inset 2px -4px 22px 0px rgba(0,0,0,0.45);

	}
	
	.separacion80{margin-top:80px;}
	.separacion40{margin-top:40px;}
	.separacion20{margin-top:20px;}

#desp:a.link,#desp:a.visited{

	text-decoration:none;

	}

#desp:hover{
	background: #ffec00;
	color:#00592f;
	text-decoration:none;
	}
	
.fondo_video{
	background-image: url(../images/fondo_video.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	

	}	

#titulo
{
	text-align:center;		
	margin:00px auto 0px auto;
}
	
	#titulop {

	font-weight:normal;
	text-align:center;	
	color:rgba(255,255,255,.6);
	}
		

img {
	border:none;
	max-width: 100%;
	height: auto;
}

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

#apartado{	
	background:#FF0015;
	color:#ffffff;
	text-align:left;
	padding: 4px 0px 0px 30px;
	height:25px;
	font-weight:bold;
	font-style: uppercase;
	max-width: 300px;
	margin: 20px 0px 20px 0px;
	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;	
	}
	
#apartado2{	
	background:#00438f;
	color:#ffffff;
	text-align:left;
	padding: 8px 20px 4px 30px;
	min-height:25px;
	font-weight:bold;
	font-style: uppercase;	
	max-width: 750px;
	margin: 20px 0px 20px 0px;
	-webkit-box-shadow: 9px 9px 30px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 9px 9px 30px -8px rgba(0,0,0,0.75);
box-shadow: 9px 9px 30px -8px rgba(0,0,0,0.75);
	
	}
	
	a {  outline: 0;}
object, embed {  outline: 0;		}
a img {border: none; }

img {
    max-width: 100%;
    height: auto;
}

a	{
	outline: none;
	color: #444444;
	text-decoration:none;
	cursor: pointer;
	transition: color 0.25s linear;  
	}

a:hover{
	color: #064789;	
	text-decoration:underline;
	}

#contenedor{	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
	width: 100%;
	margin: 20px auto;
  padding: 20px 0px 40px 0px;  
	-webkit-box-shadow:  0px 0px 25px 0px rgba(0,0,0,.4);
	-moz-box-shadow:  0px 0px 25px 0px rgba(0,0,0,.4);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,.4);  
 /* background: #ffffff url('../images/esquina.png') no-repeat right bottom;*/
  background: #ffffff;
	}

	.patrologos{
		-webkit-transition: all 0.7s ease;
		transition: all 0.7s ease;
		}
		
	.patrologos:hover{
		-webkit-transform:scale(1.2);
transform:scale(1.2);
			}
	
 #patrocinadores{
 	color:#888888;
 	
 	padding: 0px 20px 0px 20px;
 	text-align:left; 	
 	}	

 .texto{	
	 text-align:left;
	 color:#888888;
	 font-style: italic;
}

.lista
{
	  margin: 0;
    padding: 20px 0px 0px 20px;
    line-height: 20px;
}


#formulario,#cuestionario,#votaciones
{
    display: none;
    width: 98%;
    max-width: 600px;
    margin: 20px auto 20px auto;
    background: #f7f7f7e8;
    border: 0px solid #ffffff50;
    color: #444;
    padding: 0px 0px 5px 0px;
    border-radius: 0px;
    border: 1px solid #eaeaea;
}

#seccion {
	      width: 90%;
				max-width: 550px;	
				margin: 0 auto;			 
        background: #f7f7f7;
         border-radius: 10px 10px 10px 10px;
				-moz-border-radius: 10px 10px 10px 10px;
				-webkit-border-radius: 10px 10px 10px 10px;
				-webkit-box-shadow: 0 10px 6px -6px #777;
	      -moz-box-shadow: 0 10px 6px -6px #777;
	      box-shadow: 0 10px 6px -6px #777;
	      border: 2px solid #00B3C7;
}




a:link,a:visited{
	outline: none; 
	text-decoration:none;	
	color:#ffffff;
	-webkit-transition: all 0.7s ease;
   transition: all 0.7s ease;
}
	
a:hover{
	color: #f7d118;	
	text-decoration:none;	
	}	

input.submit {	
		width: 60%;
		min-width:100px;
	  color:#fff;
		text-align:center;
		margin-top: 10px;
	  background-color: #7D3539;
		-webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    border-right: 15px solid #fff;
    border-radius: 15px;
    padding: 5px;
	}

	input.submit:hover {
		background-color: #D27A76;	
	 	color: #fff;
		cursor:  pointer;
	}

	.campo {		
		display: inline-block;
		width:100%;
		max-width:210px;
    margin:10px 20px 10px 20px;
    vertical-align: top;	
		text-align:center;		
		
	}
	
	.campo2 {
			display: inline-block;
			width:2px;
			height:200px;
			margin:30px 10px 20px 10px;  
	    vertical-align:top;
			border-left: 1px solid #cccccc;
			text-align:left;			
			}
	
	input, textarea {
		outline: none; 
		/*border-color:#d1d1d1;
		border-style:solid;
		border-width:1px;*/
		border-radius: 4px;
		border: 1px solid #ccc;
		padding: 4px;
		margin: 4px 0 0px 0;
		background: #fff;
		width:95%;
		color: #777;
	}

	input:hover, textarea:hover,input:focus, textarea:focus {
		background: #f7f7f7;
		border: 1px solid #2e4a5154;
		
	}



	fieldset { border: none; }
	#clear		{		clear:both;	}

 	#contact-wrapper {			
				padding: 20px 20px 0px 20px;
				text-align: left;
				}
				
	.contenedor_contacto{
			padding:0px 20px;
	
		}			
								


	
	

.css3-shadow,
.css3-gradient1,
.css3-gradient2
{
  	position:relative;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
            
}

/*==================================================
 * Drop shadow effect with box-shadow
 * ===============================================*/
.css3-shadow:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 40px rgba(0,0,0,0.8);
    		box-shadow:0 0 40px rgba(0,0,0,0.8);
    bottom:0px;
	width:80%;
	height:50%;
    -moz-border-radius:100%;
    border-radius:100%;
	left:10%;
	right:10%;
}

/*==================================================
 * Drop shadow effect with radial gradient
 * ===============================================*/
.css3-gradient1:after{
	content:"";
    position:absolute;
    z-index:-1;
    top:100%;
    bottom:0;
	width:120%;
	height:50px;
	left:-10%;
	right:-10%;
background:-webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 40%);
background:		   radial-gradient(ellipse at 50% -3%, rgba(00, 00, 00, 0.5), rgba(97, 97, 97, 0.0) 40%);
}


.boxes {
  display:table;
  width: 100%;
  height: 100%;
}

.box {
  display: table-cell;
  text-align: center;
  vertical-align:middle;  
}


 #volver{
 	text-align:center;
 	margin:30px 0px;
 	}

 #volver a{
 	  font-weight:normal;
 	}
 	
		
@media (max-width: 400px) {
	.separacion80{margin-top:0px;}
	.separacion40{margin-top:0px;}
	.separacion20{margin-top:-20px;}
	}

@media (max-width: 550px) {
	.separacion80{margin-top:10px;}
	.separacion40{margin-top:0px;}
	.separacion20{margin-top:-20px;}

	}


/***************************** SOMBRAS ********************/

/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #222;
	   -moz-box-shadow: 0 10px 6px -6px #222;
	        box-shadow: 0 10px 6px -6px #222;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}  

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect6:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}  


/*****************************/

.flipdown
{
		display:none;
}

@media (max-width: 1200px) {
  .mosca {
    display: none;
  }
}