/* Reset */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	color:#595959;
	font-family:'eurostileregular',Sans-Serif;
	letter-spacing:1px;
}

.nav a { text-decoration: none; }

.nav li { list-style: none; }

/* Menu Container */
.nav {
	display: table;
	position: relative;
	cursor: default;
	z-index: 500;
}

/* Menu List */
.nav > li {
	display: block;
	float: left;
}

/* Menu Links */
.nav > li > a {
	position: relative;
	display: block;
	z-index: 510;
	height: 75px;
	padding: 0 30px;
	line-height: 75px;
	
	/*font-family:'Conv_137',Sans-Serif;*/
	font-size: 16px;
	color: #404040;
	/*text-shadow: 0 0 1px rgba(0,0,0,.35);*/

	/*background: #372f2b;*/
	background:#d5d5d5;
	/*border-left: 1px solid #4b4441;
	margin-top: 13px;
	height: 50px;*/

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
#raya {
	border-left: 1px solid #404040;
	margin-top: 15px;
	height: 50px;
	float:left; 
	margin-right:10px;
}
.nav > :hover > #raya {
	border-left: 1px solid #ecc205;
}

.nav > li:hover > a { background: #404040; color:#ecc205; opacity:0.7;  }
.nav > li > a.select { background: #404040; color:#ecc205; opacity:0.7; }
.nav > li > a.select > #raya { border-left: 1px solid #ecc205;}

.nav > li:hover > a > #raya { border-left: 1px solid #ecc205;}

.nav > li:first-child > a {
	border-radius: 3px 0 0 3px;
	border-left: none;
}



/* Menu Dropdown */
.nav > li > div {
	position: absolute;
	display: block;
	width: 200px;
	left: 268px;
	top: 75px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	/*background: red;*/
	border-radius: 0 0 3px 3px;

	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

.nav > li:hover > div {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

/* Menu Content Styles */
.nav .nav-column {
	width: 95%;
	padding: 7.5%;
	background: #404040; 
	opacity:0.7;
	text-align:justify;
}

.nav .nav-column h3 {
	margin: 20px 0 10px 0;
	line-height: 18px;
	
	/*font-family:'Conv_137',Sans-Serif;*/
	font-size: 16px;
	color: #372f2b;
	text-transform: uppercase;
}

.nav .nav-column h3.orange { color: #ff722b; }

.nav .nav-column li a {
	display: block;
	line-height: 26px;
	
	/*font-family:'Conv_137',Sans-Serif;*/
	font-size: 16px;
	color: #ecc205;
}

.nav .nav-column li a:hover { color: #ffffff; }

#logo{
	margin:12px;
	float:left;
	height:48px;
	width:244px;
}

.contenido{
	position:relative;
	z-index:10;
	height:360px;
	margin:0 auto;
}
.contenido-vallas{
	margin-left:25%;
	margin-top:250px;
}
.contenido-movil{
	margin-left:-5%;
	margin-top:325px;
}

.cuadrado{
	width:50%;
    height:560px;
    background:#666666;
	opacity:0.9;
	float:left;
}
.cuadrado2{
	width:50%;
    height:560px;
    background-color:#282828;
	opacity:0.98;
	float:left;
}

.enlace_prin{
	width:50%;
    height:647px;
    background-color:none;
	opacity:0.98;
	float:left;
}

.texto_derecha{
	width:400px;
	color:#9e9e9e;
	text-align:justify;
	padding-top:50px;
	padding-left:20px;
	font-size:14px;
}

.img_izq{
	margin-left:120px;
	float:left;
}

#formulario{
	width: 480px;
	height: 350px;
	color: #9e9e9e;
}

#campo1{
	width: 205px;
	height: 35px;
	background:#727272;
	float:left;
	margin-right:4px;
	margin-top:30px;
	padding-left:15px;
	padding-top:5px;
}
#campo2{
	width: 429px;
	height: 40px;
	background:#727272;
	float:left;
	margin-right:4px;
	margin-top:4px;
	padding-left:15px;
	padding-top:5px;
}
#campo3{
	width: 429px;
	height: 90px;
	background:#727272;
	float:left;
	margin-right:4px;
	margin-top:4px;
	padding-left:15px;
	padding-top:5px;
}

#campo4{
	width: 444px;
	height: 90px;
	float:left;
	margin-right:4px;
	margin-top:4px;
}





.transItems{
	background:none;
	border:1px solid #727272;
	width:180px;
	height:25px;
	color:white;
	padding:2px;
	outline:0px;
}

.transItems2{
	background:transparent;
	border:1px solid transparent;
	width:404px;
	height:25px;
	color:white;
	padding:2px;
	outline:0px;
}

textarea {
  resize: none;
  background:transparent;
  border:1px solid transparent;
  padding:5px;
  padding-left:1px;
  color:white;
  font-size:13px;
  outline:0px;
}

.button {
  display: inline-block;
  margin-top:10%;
  margin-left:40%;
  padding: 7px 14px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #ffffff;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  /*font-family: Arial, "Lucida Grande", sans-serif;*/
  line-height: 1.5384615384615385;
  cursor: pointer;
  outline: none;
  background-color: #434a54;
  border-color: #434a54;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.button.is-primary {
  background-color: #727272;
  border-color: #727272;
}
.button.is-primary:hover,
.button.is-primary:focus {
  background-color: #e4bd10;
  border-color: #e4bd10;
}

p{
	color:#d8d8d8;
}
h2{
	color:#d8d8d8;
	font-size:14px;
}

ul.uno{
	margin-left:30px;
	margin-top:10px;
	padding-bottom:10px;
}
li.uno{
	color:#d8d8d8;
	font-size:14px;
}

ul.footer1{
	float:right;
	text-decoration:none;
}
ul.footer4{
	float:right;
	text-decoration:none;
	margin-top:15px;
}
#footer2{
	text-decoration:none;
	display:inline;
	padding-left:50px;
}
#footer3{
	text-decoration:none;
	display:inline;
	padding-left:250px;
}

#col1{
	/*background:#00FF00;
	opacity:0.2;*/
	width:145px;
	height:20px;
	float:right;
	padding-top:10px;
}
#col2{
	/*background:#069;
	opacity:0.2;*/
	width:185px;
	height:20px;
	float:right;
	padding-top:15px;
}
#col3{
	/*background:#990000;
	opacity:0.2;*/
	width:100px;
	height:20px;
	float:right;
	padding-top:15px;
}
#col4{
	/*background:#990000;
	opacity:0.2;*/
	width:575px;
	height:20px;
	float:left;
	padding-top:15px;
	color:#000;
	font-size:14px;
}

#raya2 {
	border-left: 1px solid #404040;
	height: 40px;
	float:left; 
	margin-top:-5px;
	margin-left:-25px;
}

#raya3 {
	border-left: 1px solid #404040;
	height: 40px;
	float:left; 
	margin-top:-5px;
	margin-left: -10px;
}

#raya4 {
	border-left: 1px solid #404040;
	height: 40px;
	float:left; 
	margin-left: -80px;
}

.demoIMG { /* el rectángulo contenedor */
   	position:relative; /* indicamos esto para poder posicionar su contenido de maera absoluta */
   	margin:0 auto; /* lo centramos */
	padding-right:60px;
	float:right;
}
.demoIMG img { /* el contenido */
   	left: 0; /* posición izquierda */
   	position:absolute; /* indicamos que su posición es absoluta con respecto al contenedor */
   	top: 0; /* posición superior */
}
  /* y ponemos propiedades en las clases de cada imagen */
  /* la primera no será visible por defecto */
.demoIMG img.novisible {opacity:0;filter:alpha(opacity=0);}
  /* y se verá cuando pongamos el cursor encima del DIV */
.demoIMG:hover img.novisible {opacity:1;filter:alpha(opacity=100);}
  /* la segunda se ocultara siempre que pongamos el cursor encima del DIV o de la imagen */
.demoIMG:hover img.visible {opacity:0;filter:alpha(opacity=0);}
.demoIMG img.visible:hover {opacity:0;filter:alpha(opacity=0);} 

#Paralelogramo { 
	background: url(../img/franja_blanca.png) no-repeat;
	width:400px;
	height:58px;
	float:left;
	margin-left:8%;
}

a.politicas{
	text-decoration:none;
	color:#333;
}
h1{
	float:right;
	margin-top:20px;
	margin-right:30px;
	color:#e4bd10;
}

#min{
	background:#ecf0f1;
	height:300px;
	width:940px;
	margin:0 auto;
}

#min_col{
	background:#34495e;
	height:300px;
	width:300px;
	float:left;
	margin-right:20px;
}

#min_col:last-child{
	margin-right:0;
}

/*a img, #example-one a{ 
	border: none; overflow: hidden; float: left;
}
#example-one a:hover{ 
	border: 10px solid #666666; 
}
#example-one a:hover img{
	margin: -10px; 
}*/

#example-one a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 300px;
    height: 155px;
}
#example-one a img {
    display: block;
}
#example-one a:hover {
    border: 15px solid #666666;
	width: 270px;
    height: 130px;
}
#example-one a:hover img {
    margin: -15px 0 0 -15px;
}