﻿/*#contenedorlogin
{
	position:relative;
	left:10%;
	width:800px;
/*border:1px solid red;
}
.imgpie
{
	width:400px;
}
.imglogo
{
	width:350px;
}
textarea
{
	width:100%;
	height:100px;
}
.texto
{
	border:0px;
	width:98%;
	background:#5B9BD5;
	color:white;
}
.datos
{
	background:#5B9BD5;
	color:white;
	width:150px;
}
.espacio
{
	width:150px;
}
#cmdaceptar
{
	width:120px;
	height:40px;
	color:white;
	background:#5B9BD5;
	text-align:center;
	border-radius:5px;
}
#enviar
{
	position:relative;
	top:10px;
	font-weight:bold;
}
#cmdaceptar:hover
{
	cursor: pointer;
}

.bordes
{
	border:1px solid red;
	background:#5B9BD5;
}
.lbl
{
	color:white;
}
#respuesta
{
	font-size:12px;
	color:red;
}
.loginfondo
{
	position:relative;
	top:15px;

	color:black;
	
}
#divtabla
{
	height:222px;
	width:300px;

	color:white;
	border-radius: 58px 58px 58px 58px;
	-moz-border-radius: 58px 58px 58px 58px;
	-webkit-border-radius: 58px 58px 58px 58px;
	border: 1px solid #174D77;
}
.titulo
{
	color:#174D77;

	font-size:23px;
}*/
.fondo {
    background-color: #808080ad;
    padding: 25px 12px 25px 25px;
}
body { 
	margin: 0; 

} 


/*Slider*/
.flexslider{
  width: 100%;
  position:relative;
}
.slides{
  overflow: hidden;
}
.slides img{
  width: 100%;  
}
.slides,
.flex-control-nav, 
.flex-direction-nav {
  margin: 0;
  padding:0;
  list-style: none;
}
.flex-control-nav {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 5%;
  z-index: 999;
}
.flex-control-nav li{
  display: inline-block;
  margin: 0 6px; 
}
.flex-control-nav li a{
  display: block;
  background: #428BCA;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  text-indent: -9999px;
}
.flex-control-nav li a:hover{
  background: #2e2e2e;
}
.flex-control-nav li a:flex-active {
  background: #2e2e2e;
}
.flex-direction-nav a{
  display: block;
  text-decoration: none;
  position: absolute;
  top: 20%;
  z-index: 999;
  width: 40px;
  height: 40px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav .flex-prev{
  left: 0;
  font-size: 30px;
  background: rgba(212, 200, 200, 0.7);
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  font-family: monospace;
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
  color: #fff;
  border: 1px solid #fff;
}
.flex-direction-nav .flex-next{
  right: 0;
  font-size: 30px;
  background: rgba(212, 200, 200, 0.7);
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  font-family: monospace;
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
  color: #fff;
  border: 1px solid #fff;
}
.flex-caption p{
  font-family: Century Gothic;
	position: absolute;
	top: 27%;
	text-align: center;
	line-height: 35px;
	width: 34%;
	font-size: 45px;
	color: #fff;
	height: 40%;
	background: #00000080;
	padding: 37px 30px 13px 20px;
	left: 52%;
}
.flexslider:hover .flex-direction-nav .flex-prev{
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover{
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next{
  opacity: 0.7;
  right: 10px;
}

#cmdenviar
{
  width: 150px;
    height: 33px;
    color: white;
    background: #2D4F74;
    border: 1px solid #2D4F74;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    padding: 6px;
    float: right;
    margin: 0px 71px 12px -79px;
}
#enviar
{
  position:relative;
  top:-3px;
}
#enviar:hover
{
  cursor: pointer;
}
.flexslider:hover .flex-direction-nav .flex-next:hover{
  opacity: 1;
}
#solti1 {
	opacity: 0;
}
#solti2 {
  opacity: 0;
}
#solti3 {
  opacity: 0;
}
@media (max-width: 1024px) { 
  .flex-caption p{
  top: 20%;
  line-height: 25px;
  width: 34%;
  font-size: 36px;
  color: #fff;
  height: 58%;
  background: #00000080;
  padding: 52px 30px 13px 20px;
  left: 52%;
  }
}
@media (max-width: 768px) {
 .flex-caption p{
  top: 19%;
  line-height: 25px;
  width: 41%;
  font-size: 28px;
  color: #fff;
  height: 57%;
  background: #00000080;
  padding: 39px 30px 13px 20px;
  left: 52%;
  }
  #cmdenviar {
    width: 150px;
    height: 33px;
    color: white;
    background: #2D4F74;
    border: 1px solid #2D4F74;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    padding: 6px;
    float: none;
    margin: 12px 0px 0px 0px;
  }
  #email {
    width: 85%;
    height: 10px;    
  }
  #nombre {
    width: 85%;
    height: 10px;    
  }
  #tel {
    width: 85%;
    height: 10px;    
  }
  select,
  textarea,
  textarea.form-control,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
      width: 85%;
      text-align: center;     
  }
}
@media (max-width: 621px) {
  .flex-caption p{
  top: 18%;
  line-height: 25px;
  width: 41%;
  font-size: 27px;
  color: #fff;
  height: 57%;
  background: #00000080;
  padding: 18px 30px 13px 20px;
  left: 52%;
  }  
}
@media (max-width: 533px) {
  .flex-caption p{
  top: 18%;
  line-height: 21px;
  width: 41%;
  font-size: 18px;
  color: #fff;
  height: 57%;
  background: #00000080;
  padding: 18px 30px 13px 20px;
  left: 52%;
  }  
}
@media (max-width: 450px) {
  .flex-caption p{
  top: 9%;
  line-height: 17px;
  width: 41%;
  font-size: 17px;
  color: #fff;
  height: 57%;
  background: #00000080;
  padding: 15px 30px 13px 20px;
  left: 52%;
  } 
  @media (max-width: 425px) {
  .flex-caption p{
  top: 9%;
  line-height: 17px;
  width: 41%;
  font-size: 14px;
  color: #fff;
  height: 64%;
  background: #00000080;
  padding: 15px 30px 13px 20px;
  left: 52%;
  } 
@media (max-width: 368px) {
  .flex-caption p{
  top: 9%;
  line-height: 14px;
  width: 41%;
  font-size: 10px;
  color: #fff;
  height: 57%;
  background: #00000080;
  padding: 15px 30px 13px 20px;
  left: 52%;
  }  
}