*{
	margin:0;
	padding:0;
}

		article, aside, details, figcaption, figure, 
		footer, header,header2, hgroup, menu, nav, section {
		  display: block;
		}
		
		fieldset
		{
		  margin: 0;
		  padding: 0;
		  border: 0;
		}
		
		input:focus,textarea:focus {
		  outline: none;
		}
		html {
        // background: url(images/2.png) no-repeat fixed center;
        //-Prefix-free-background-size: cover;
        //-moz-background-size: cover;
        //-o-background-size: cover;
        //background-size: cover;
}

		/*----------------------*/
		body	{
		    font-family:"Trebuchet MS", "Myriad Pro",Arial, Helvetica, sans-serif;
			color: #444;
			margin: 0;
			font-size: 14px;
			overflow-y:scroll;
		} 
		header {
		  padding: 10px 1%;
		  border-bottom: 1px solid #fff;
		  background-image: -moz-linear-gradient(left, #132434, #747e8e);
		}
		header2 {
		  padding: 10px 10%;
		  //background-image: -moz-linear-gradient(top, #132434, #a9afbb);
  		  background-image: -moz-linear-gradient(top, #132434, #d3e2ea);
		   background-image: -moz-linear-gradient(top, #132434, #d3e2ea); /* FF3.6+ */
		  background: -ms-linear-gradient(top, #132434 0%,#d3e2ea 100%); /* IE10+ */
		 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132434', endColorstr='#d3e2ea',GradientType=1 ); /* IE6-9 */

		  
		}
		#primerLogo {
		  padding: 0px 0%;
		 // border-bottom: 0px solid #fff;
		  background-image: -webkit-linear-gradient(left, #132434, #747e8e); /* Chrome, Safari versiones relativamente modernas */
		  background-image: -moz-linear-gradient(left, #132434, #747e8e); /* FF3.6+ */
		  background: -ms-linear-gradient(left, #132434 0%,#747e8e 100%); /* IE10+ */
		 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132434', endColorstr='#747e8e',GradientType=1 ); /* IE6-9 */

		}
		#linea{
		//border: 2px solid #8AC007;
        
		 padding: 0px 0%;		
                  height:30px;
		  border-bottom: 0px solid #fff;
                 background-image: -webkit-linear-gradient(left, #132434, #747e8e); /* Chrome, Safari versiones relativamente modernas */
		  background-image: -moz-linear-gradient(left, #132434, #747e8e); /* FF3.6+ */
		  background: -ms-linear-gradient(left, #132434 0%,#747e8e 100%); /* IE10+ */
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132434', endColorstr='#747e8e',GradientType=1 ); /* IE6-9 */
		 // background-image:  url(Images/linea.png) ;
		
        }	
        
        
        
        
        
        
        	
	#contenedor_gral {
	
			background-color: #d3e2ea;
			margin-top: 0px;
			height: 9500px;
        }
        #contenedor_colum_izq {
		    float:left;		
		    padding: 0px 5%;
			margin-left: 12%;		   
			//background-color: #788394;
			background-color: #215478;
			margin-top: 0px;			
			height: 9500px;
			width: 10%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
		   
        }	
        
        
        
        
        
        
        #contenedor_gral_pagDOWNLOAD {
			background-color: #d3e2ea;
			margin-top: 0px;
			height: 4300px;
        }
		
		
        #contenedor_colum_izq_pagDOWNLOAD {
		    float:left;		
		    padding: 0px 5%;
			margin-left: 12%;		   
			//background-color: #788394;
			background-color: #215478;
			margin-top: 0px;			
			height: 4300px;
			width: 10%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }	
        
        
        
		#contenedor_transv {
		    float:left;		
		    padding: 0px 5%;
			margin-left: 1%;		   
			background-color: #215478;
			margin-top: 0px;			
			height: 100px;
			width: 43%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }
		#contenedor_transv_colorPag{
		    float:left;		
		    padding: 0px 5%;
			margin-left: 1%;		   
			background-color: #d3e2ea;
			margin-top: 0px;			
			height: 100px;
			width: 43%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }
		#contenedor_transv_2 {
		    float:left;		
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;		   
			background-color: #e8eef3;
			margin-top: 0px;			
			height: 500px;
			width: 47%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }
		#contenedor_transv_3 {
		    float:left;		
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;		   
			background-color: #e8eef3;
			margin-top: 0px;			
			height: 400px;
			width: 47%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }
		#contenedor_transv_4 {
		    float:left;		
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;		   
			background-color: #e8eef3;
			margin-top: 0px;			
			height: 300px;
			width: 47%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }
        	#contenedor_transv_altura_100 {
		    float:left;		
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;		   
			background-color: #e8eef3;
			margin-top: 0px;			
			height: 100px;
			width: 47%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
	}
	        	#contenedor_transv_altura_150 {
		    float:left;		
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;		   
			background-color: #e8eef3;
			margin-top: 0px;			
			height: 150px;
			width: 47%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
	}
	        	#contenedor_transv_altura_200 {
		    float:left;		
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;		   
			background-color: #e8eef3;
			margin-top: 0px;			
			height: 200px;
			width: 47%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
	}
	
		#contenedor_transv_1200 {
		    float:left;		
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;		   
			background-color: #e8eef3;
			margin-top: 0px;			
			height: 1200px;
			width: 47%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }
        	#contenedor_transv_10Lines {
		    float:left;		
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;		   
			background-color: #e8eef3;
			margin-top: 0px;			
			height: 250px;
			width: 47%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
	 }	
		#contenedor_transv_100fotos {
		    float:left;		
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;		   
			background-color: #e8eef3;
			margin-top: 0px;			
			height: 1800px;
			width: 47%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }	
        	#contenedor_transv_16fotos {
		    float:left;		
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;		   
			background-color: #e8eef3;
			margin-top: 0px;			
			height: 400px;
			width: 47%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }
        
        	#contenedor_transv_36fotos {
		    float:left;		
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;		   
			background-color: #e8eef3;
			margin-top: 0px;			
			height: 800px;
			width: 47%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }	
        
        	#contenedor_transvNavidad {
		    float:left;		
		    padding: 0px 5%;
			margin-left: 1%;		   
			background-color: #84c7ff;
			margin-top: 0px;			
			height: 100px;
			width: 43%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }			
	    #contenedor_pie {
		    clear:both;	
			padding: 50px 0px 0px 0%;
			margin-left: 0%;		   
			background-color: #e8eef3;
			height: 200px;
			width: 100%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }		
		#contenedor_cent_izq {
			//clear:both;		
			float:left;
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;
			margin-top: 1%;
			background-color: #96aaba;
			margin-top: 0px;			
			height: 300px;
			width: 20%;
		   box-shadow:10px 10px  15px 13px #d3e2ea inset;	
        }
        #contenedor_cent_izq2 {
			//clear:both;		
			float:left;
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;
			margin-top: 1%;
			background-color: #96aaba;
			margin-top: 0px;			
			height: 600px;
			width: 20%;
		   box-shadow:10px 10px  15px 13px #d3e2ea inset;	
        }
                #contenedor_cent_izq3 {
			//clear:both;		
			float:left;
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;
			margin-top: 1%;
			background-color: #96aaba;
			margin-top: 0px;			
			height: 350px;
			width: 20%;
		   box-shadow:10px 10px  15px 13px #d3e2ea inset;	
        }
        
         #contenedor_cent_izq4 {
			//clear:both;		
			float:left;
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;
			margin-top: 1%;
			background-color: #96aaba;
			margin-top: 0px;			
			height: 1000px;
			width: 20%;
		   box-shadow:10px 10px  15px 13px #d3e2ea inset;	
        }       
		
		#contenedor_delLado {
			float:left;
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;
			margin-top: 1%;
			background-color: #c5cbae;			
			margin-top: 0px;			
			height: 300px;
			width: 20%;
		   box-shadow:10px 10px  15px 13px #d3e2ea inset;	
        }
        #contenedor_delLado2 {
			float:left;
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;
			margin-top: 1%;
			background-color: #c5cbae;			
			margin-top: 0px;			
			height: 600px;
			width: 20%;
		   box-shadow:10px 10px  15px 13px #d3e2ea inset;	
        }
        #contenedor_delLado3 {
			float:left;
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;
			margin-top: 1%;
     		background-color: #96aaba;			
			margin-top: 0px;			
			height: 600px;
			width: 20%;
		   box-shadow:10px 10px  15px 13px #d3e2ea inset;
		   
		   
		   
		   
        }
        
                #contenedor_delLado4 {
			float:left;
			padding: 50px 30px 1px 50px;;
			margin-left: 1%;
			margin-top: 1%;
			background-color: #96aaba;		
			margin-top: 0px;			
			height: 200px;
			width: 20%;
		   box-shadow:10px 10px  15px 13px #d3e2ea inset;	
        }
		#contenedor_animated {
			float:left;
			padding: 30px 30px 1px 50px;;
			margin-left: 1%;
			margin-top: 1%;
			background-color: #c5cbae;			
			margin-top: 0px;			
			height: 230px;
			width: 20%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }
		#contenedor_download {
			float:left;
			padding: 50px 30px 1px 170px;;
			//border: 2px solid #8AC007;
			margin-left: 1%;
			margin-top: 1%;
			//background-color: #c5cbae;			
			margin-top: 0px;			
			height: 300px;
			width: 14%;
		   box-shadow:10px 10px  5px 13px #d3e2ea inset;	
        }
		
		
		#fondo_cabecera {
		    background-color: #011321;
			margin-top: -13px;
        }
		#menu{
		padding: 1px 5%;
	        background-color: #12365e;
	        height:10px;
	        margin-LEFT: 13%;
	        margin-RIGHT: 13%;		
        }
		#navi { 
		//padding: 30px 10%;
        	//background-color: #b2ccdb;		
		list-style:none;		
		margin-top: 3px;
		
		}
		#navi li {
		//color:#996988;
		 background-color: #b2ccdb;		 
		margin:2px;
		padding:0; 
		float:left;
		height:40px;		 
		 border-radius: 2px 2px 10px 10px;
		-moz-border-radius: 2px 2px 10px 10px;
		-webkit-border-radius: 2px 2px 10px 10px;
		border: 0px solid #000000;
		  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  -Prefix-free-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  -moz-border-radius: 3px 0 3px 3px;
		  -Prefix-free-border-radius: 3px 0 3px 3px;
		  border-radius: 3px 0 3px 3px;
		  -ms-border-radius: 2px 2px 10px 10px;
		}
		#navi li a {
		    height:40px;
			display:block; 
			width:180px;
			padding:4px 0;
			text-decoration:none;
			text-align:center;
			font-size:21px;
			color: 	#996600;
			font-weight:bold;
			//background-color:#000000;
		}
		#navi li a:hover {

		color:#996988;
                margin-top: -2px;	
                height:25px;		  
		background-color:#003366;
		border-radius: 2px 2px 10px 10px;

		}
		
		
		
  
		
		/*----------------------*/
		
		.cf:before,
		.cf:after {
		  content:"";
		  display:table;
		}
		
		.cf:after {
		  clear:both;
		}
		
		.cf {
		  zoom:1;
		}
		  
		/*--------mio--------------*/
		
               nav ul2 {
		  margin: 0;
		  padding: 0px 70px 0px 0px;
		  list-style: none;
		  position: relative;
		  float: right;
		 // background: #eee;
		 // border-bottom: 1px solid #fff;
		  -moz-border-radius: 3px;
		  -Prefix-free-border-radius: 3px;
		  border-radius: 3px; 
		}
		nav #logout {
		  border-right: 1px solid #ddd;
		  -moz-box-shadow: 1px 0 0 #fff;
		  -Prefix-free-box-shadow: 1px 0 0 #fff;
		  box-shadow: 1px 0 0 #fff;  
		}
               #label_out {
		  //float: right;
		  line-height: 30px;
		}

		/*-----------MENU CHIKITO LOGIN-----------*/
		
		nav ul {
		  margin: 0;
		  padding: 0;
		  list-style: none;
		  position: relative;
		  float: right;
		  background: #eee;
		  border-bottom: 1px solid #fff;
                 -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  -Prefix-free-border-radius: 3px;
		  border-radius: 3px; 
		}
		
		nav li {
		padding: 0px 0px 0px 30px;
		  float: left;          
		}
		
		nav #login {
		  //border-right: 1px solid #ddd;
                    -webkit-box-shadow: 1px 0 0 #fff;
		  -moz-box-shadow: 1px 0 0 #fff;
		  -Prefix-free-box-shadow: 1px 0 0 #fff;
		  box-shadow: 1px 0 0 #fff;  
		}
		
		nav #login-trigger,
		nav #signup a {
		  display: inline-block;
		  *display: inline;
		  *zoom: 1;
		  height: 25px;
		  line-height: 25px;
		  font-weight: bold;
		  padding: 0 8px;
		  text-decoration: none;
		  color: #444;
		  text-shadow: 0 1px 0 #fff; 
		}
		
		nav #signup a {
		  -moz-border-radius: 0 3px 3px 0;
		  -Prefix-free-border-radius: 0 3px 3px 0;
		  border-radius: 0 3px 3px 0;
		}
		
		nav #login-trigger {
		  -moz-border-radius: 3px 0 0 3px;
		  -Prefix-free-border-radius: 3px 0 0 3px;
		  border-radius: 3px 0 0 3px;
		}
		
		nav #login-trigger:hover,
		nav #login .active,
		nav #signup a:hover {
		  background: #fff;
		}
		
		nav #login-content {
		  display: none;
		  position: absolute;
		  top: 24px;
		  right: 0;
		  z-index: 999;    
		  background: #fff;
		  background-image: -Prefix-free-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		  background-image: -Prefix-free-linear-gradient(top, #fff, #eee);
		  background-image: -moz-linear-gradient(top, #fff, #eee);
		  background-image: -ms-linear-gradient(top, #fff, #eee);
		  background-image: -o-linear-gradient(top, #fff, #eee);
		  background-image: linear-gradient(top, #fff, #eee);  
		  padding: 15px;
		  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  -Prefix-free-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  -moz-border-radius: 3px 0 3px 3px;
		  -Prefix-free-border-radius: 3px 0 3px 3px;
		  border-radius: 3px 0 3px 3px;
		}
		
		nav li #login-content {
		  right: 0;
		  width: 250px;  
		}
		
		/*--------------------*/
		
		#inputs input {
		  background: #f1f1f1;
		  padding: 6px 5px;
		  margin: 0 0 5px 0;
		  width: 238px;
		  border: 1px solid #ccc;
		  -moz-border-radius: 3px;
		  -Prefix-free-border-radius: 3px;
		  border-radius: 3px;
		  -moz-box-shadow: 0 1px 1px #ccc inset;
		  -Prefix-free-box-shadow: 0 1px 1px #ccc inset;
		  box-shadow: 0 1px 1px #ccc inset;
		}
		
		#inputs input:focus {
		  background-color: #fff;
		  border-color: #e8c291;
		  outline: none;
		  -moz-box-shadow: 0 0 0 1px #e8c291 inset;
		  -Prefix-free-box-shadow: 0 0 0 1px #e8c291 inset;
		  box-shadow: 0 0 0 1px #e8c291 inset;
		}
		
		/*--------------------*/
		
		#login #actions {
		  margin: 10px 0 0 0;
		}
		
		#login #submit {		
		  background-color: #d14545;
		  background-image: -Prefix-free-gradient(linear, left top, left bottom, from(#e97171), to(#d14545));
		  background-image: -Prefix-free-linear-gradient(top, #e97171, #d14545);
		  background-image: -moz-linear-gradient(top, #e97171, #d14545);
		  background-image: -ms-linear-gradient(top, #e97171, #d14545);
		  background-image: -o-linear-gradient(top, #e97171, #d14545);
		  background-image: linear-gradient(top, #e97171, #d14545);
		  -moz-border-radius: 3px;
		  -Prefix-free-border-radius: 3px;
		  border-radius: 3px;
		  text-shadow: 0 1px 0 rgba(0,0,0,.5);
		  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  -Prefix-free-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
		  border: 1px solid #7e1515;
		  float: left;
		  height: 30px;
		  padding: 0;
		  width: 100px;
		  cursor: pointer;
		  font: bold 14px Arial, Helvetica;
		  color: #fff;
		}
		
		#login #submit:hover,
		#login #submit:focus {		
		  background-color: #e97171;
		  background-image: -Prefix-free-gradient(linear, left top, left bottom, from(#d14545), to(#e97171));
		  background-image: -Prefix-free-linear-gradient(top, #d14545, #e97171);
		  background-image: -moz-linear-gradient(top, #d14545, #e97171);
		  background-image: -ms-linear-gradient(top, #d14545, #e97171);
		  background-image: -o-linear-gradient(top, #d14545, #e97171);
		  background-image: linear-gradient(top, #d14545, #e97171);
		}	
		
		#login #submit:active {		
		  outline: none;
		  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
		  -Prefix-free-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
		  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
		}
		
		#login #submit::-moz-focus-inner {
		  border: none;
		}
		
		#login label {
		  float: right;
		  line-height: 30px;
		}
		
		#login label input {
		  position: relative;
		  top: 2px;
		  right: 2px;
		}
		
		/*--------------------*/
		
		#about {
			margin: 15px;
		}
		
		#about a {
			color: #555;
		}
		
		.fuenteTitulo {
		font-size : 16pt;
		font-family: Arial, Helvetica, sans-serif;
		color:#d3e2ea;
		}
		
		.fuente14 {
		font-size : 14pt;
		font-family: Arial, Helvetica, sans-serif;
		color:#d3e2ea;
		}	
	.fuente1 {
font-size : 12pt;
font-family : Gill Sans;
color:#00152a;
}
.fuente2 {
font-size : 12pt; 
font-family : Arial, Helvetica, sans-serif;
color:#ldt000;
}
.fuente3 {
font-size : 10pt;
font-family : verdana, arial, helvetica;
color:#000000;
}
.fuente18 {
font-size : 14pt;
font-family : verdana, arial, helvetica;
color:#000000;
}
/*---------------------------------------------------------------FORMULARIO  REGISTRO--------------------------------------------------------*/

h1{
	  color:#0d3456;
	  font-size : 16pt;
	  font-family: Arial, Helvetica, sans-serif;
		
}
h2{
	font-size:20px;
	padding:0px 0px 40px 0px;
	color:#aaa;
}
h3{
      color:#0d3456;
	  font-size : 12pt;
	  font-family: Arial, Helvetica, sans-serif;
}
h4{
      color:#0d3456;
	  font-size : 8pt;
	  font-family: Arial, Helvetica, sans-serif;
}
h5{
      color:#0d3456;
	  font-size : 10pt;
	  font-family: Arial, Helvetica, sans-serif;
}
h2 span{
	color:#ffa800;
}
a{
	color:#777;
}
a:hover{
	color:#222;
	//color:666633;
}
p{
	padding:5px 0px;
}
.wrapper{
	width:960px;
	margin:20px auto;
	min-height:550px;
}
.box{
	width:49%;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
a.back{
	color:#777;
	position:fixed;
	top:5px;
	right:10px;
	text-decoration:none;
}
/* Form Style */
.form_wrapper{
	background:#12568;
	//border:10px solid #ddd;
	margin:0 auto;
	//width:700px;
	font-size:16px;
	-moz-box-shadow:1px 1px 7px #ccc;
	-Prefix-free-box-shadow:1px 1px 7px #ccc;
	box-shadow:1px 1px 7px #ccc;
}
/* ------------------------------------------------- */
.form_wrapper h3{
	padding:50px 30px 20px 30px;
	 background-image: url(Images/firma_larga.png);
	 background-size: 100% 100%;
	color:#fff;
	font-size:25px;

}
.form_wrapper h4{
	padding:0px 5px 5px 10px;
        background-image: -moz-linear-gradient(left, #003055, #003055);	
	font-size:16px;	
	color:#fff;
	text-shadow:1px 1px 1px #000;
	//border-radius: 10px 10px 0px 0px;
}
.form_wrapper form{
	display:none;
	background:#fff;
}
.form_wrapper .column{
	width:30%;
	float:left;
	margin-left:10%;
}
.form_wrapper .column2{
 padding:300px 20px 20px 10px;
	width:20%;
	float:left;
	margin-left:10%;
}
form.active{
	display:block;
}
/* ------------------------------------------------- */
form.login{
	width:400px;
}
form.register{
	width:1000px;
}
form.forgot_password{
	width:500px;
}
.form_wrapper a{
	text-decoration:none;
	color:#777;
	//font-size:12px;
}
.form_wrapper a:hover{
	color:#000;
}
.form_wrapper label{
	display:block;
	padding:0px 0px 0px 30px;
	margin:10px 0px 0px 0px;
}


.form_wrapper input[type="text"],
.form_wrapper input[type="password"]{
	border: solid 1px #E5E5E5;
	background: #FFFFFF;
	margin: 5px 30px 0px 30px;
	padding: 9px;
	//display:block;
	font-size:16px;
	width:80%;
	background: 
		-Prefix-free-gradient(
			linear,
			left top,
			left 25,
			from(#FFFFFF),
			color-stop(4%, #EEEEEE),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFFFF,
			#EEEEEE 1px,
			#FFFFFF 25px
			);
	-moz-box-shadow: 0px 0px 8px #f0f0f0;
	-Prefix-free-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
}
.form_wrapper input[type="text"]:focus,
.form_wrapper input[type="password"]:focus{
	background:#feffef;
}
.form_wrapper .bottom{
	background-color:#194967;
	border-top:1px solid #ddd;
	margin-top:20px;
	clear:both;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
.form_wrapper .bottom a{
	display:block;
	clear:both;
	padding:10px 30px;
	text-align:right;
	color:#ffa800;
	text-shadow:1px 1px 1px #000;
}
.form_wrapper a.forgot{
	float:right;
	font-style:italic;
	line-height:24px;
	color:#ffa800;
	text-shadow:1px 1px 1px #fff;
}
.form_wrapper a.forgot:hover{
	color:#000;
}
.form_wrapper div.remember{
	float:left;
	width:140px;
	margin:20px 0px 20px 30px;
	font-size:11px;
}
.form_wrapper div.remember input{
	float:left;
	margin:2px 5px 0px 0px;
}
.form_wrapper span.error{
	visibility:hidden;
	color:red;
	font-size:11px;
	font-style:italic;
	display:block;
	margin:4px 30px;
}
.form_wrapper input[type="submit"] {
	background: #e3e3e3;
	border: 1px solid #ccc;
	color: #333;
	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0 9px;
	text-align: center;
	width: 150px;
	cursor:pointer;
	float:right;
	margin:15px 20px 10px 10px;
	text-shadow: 0px 1px 0px #fff;
	-moz-border-radius: 4px;
	-Prefix-free-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 2px #fff inset;
	-Prefix-free-box-shadow: 0px 0px 2px #fff inset;
	box-shadow: 0px 0px 2px #fff inset;
}
.form_wrapper input[type="submit"]:hover {
	background: #d9d9d9;
	-moz-box-shadow: 0px 0px 2px #eaeaea inset;
	-Prefix-free-box-shadow: 0px 0px 2px #eaeaea inset;
	box-shadow: 0px 0px 2px #eaeaea inset;
	color: #222;
}

.ex2 img{
height: 50px;
width: 350px;
margin: 15px 0;
-Prefix-free-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.ex2 img:hover {
height: 100px;
width: 350px;
//margin-top: 0px;
}

.ex3 img{
height: 150px;
width: 350px;
margin: 15px 0;
-Prefix-free-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.ex3 img:hover {
height: 180px;
width: 370px;
//margin-top: 0px;
}






[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'PIOLIN' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home3:before {
  content: "\48";
}
.icon-binoculars:before {
  content: "\e985";
}
.icon-airplane:before {
  content: "\e9af";
}



@font-face {
  font-family: 'PIOLIN';
  src:  url('fonts/PIOLIN.eot?a533kl');
  src:  url('fonts/PIOLIN.eot?a533kl#iefix') format('embedded-opentype'),
    url('fonts/PIOLIN.ttf?a533kl') format('truetype'),
    url('fonts/PIOLIN.woff?a533kl') format('woff'),
    url('fonts/PIOLIN.svg?a533kl#PIOLIN') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ca-menu{
    padding: 0;
    margin: 20px auto;
    width: 500px;
}
.ca-menu li{
    width: 500px;
    height: 100px;
    overflow: hidden;
    display: block;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 4px;
    border-left: 10px solid #000;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.ca-menu li:last-child{
    margin-bottom: 0px;
}
.ca-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
.ca-icon{
    font-family: 'PIOLIN', cursive;
    font-size: 20px;
    text-shadow: 0px 0px 1px #333;
    line-height: 90px;
    position: absolute;
    width: 90px;
    left: 20px;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-content{
    position: absolute;
    left: 120px;
    width: 370px;
    height: 60px;
    top: 20px;
}
.ca-main{
    font-size: 30px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-sub{
    font-size: 14px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.ca-menu li:hover{
    border-color: #fff004;
    background: #000;
}
.ca-menu li:hover .ca-icon{
    color: #fff004;
    text-shadow: 0px 0px 1px #fff004;
    font-size: 50px;
}
.ca-menu li:hover .ca-main{
    color: #fff004;
    font-size: 14px;
}
.ca-menu li:hover .ca-sub{
    color: #fff;
    font-size: 30px;
}