/* 
    Document   : stile
    Created on : 30-may-2013, 11:39:28
    Author     : Galaz
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body{
    	       margin:0px auto 0px auto;
	           background: url('imagenes/page_bg_noon_small.jpg')  center center;
		       background-repeat:repeat-x;
		       background-position:top;
               background-attachment:fixed;    
               background-size: 100% cover;
               background-color:#374E0C;  
}

.contenidoG{
                   margin: 0 auto;
                    width: 920px;
}
a img{
	border: 0px;
}
.logo{
    padding-top: 5px;
    float: left;
}
  #galleria{ 
            	width: 720px; height: 400px; background:transparent;
            }


.nave{
    
     padding-top: 100px;
}
/*Menu END*/
.banners{
   display:inline-block;
   width:190px;
  float: left;
}
.articulos{
	margin-bottom:30px;
	float:left;
	width: 720px;
	min-height: 400px;
	background-image: url('imagenes/bg.png');
	font-family:"Eras Light ITC";
	padding: 5px 5px 5px 5px;
	color: #22274a;       
}
footer{
	margin-bottom:20px;
	-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 20px 20px 20px 20px;
    background-image: url('imagenes/transparente_bg.png');
    clear: both;
}

.infSatR{
	 background-image: url('imagenes/transparente_bg.png');
	float: left;
	width: 400px;
	height: 150px;
	padding: 15px 15px 15px 15px;
	margin-bottom:30px;
	
}
.inSesion{
	 background-image: url('imagenes/transparente_bg.png');
	float: right;
	width: 400px;
	height: 150px;
	padding: 15px 15px 15px 15px;
	margin-bottom:30px;
	
}
.loSat{
	
	 width: 150px;
	 float: left;
}

.Sat{
	
	 width: 250px;
	  float: left;
}
.contenidoG .nave .articulos h3 strong {
	color: #03F;
}
.contenidoG .nave .articulos ul {
	color: #000000;
}
/*carrucel*/
  .scroll-pane { overflow: auto; width: 99%; float:left; margin-bottom: 10px; }
  #carru {background:#fff; border: none;}
  .scroll-content { background:#fff; width: 2440px; float: left; }
  .scroll-content-item { width: 200px; height: 100px; float: left; margin: 0px; font-size: 3em; line-height: 96px; text-align: center; }
  .scroll-bar-wrap {  clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
  .scroll-bar-wrap .ui-slider { background: none; border:0; height: 1em; margin: 0 auto;  }
  .scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
  .scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
  .scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
  .contenidoG .nave .articulos p {
	color: #000000;
	

}

/*Texto*/

#Tuno{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #474748;
}

#Tdos{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #474748;
}

#Login{
	width:180px;
	float:right;
	
}

#Password{
	width:180px;
	float:right;
}

/*tabla2*/
#tabs{
	background: transparent;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0;
  font-size: 12px;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .2em 1.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

#content
{
    background: #fff;
    padding: 2em;
    height: 290px;
    position: relative;
    z-index: 2;	
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}
ul li{
	list-style-type:none;
	text-decoration: none;
}
#flecha::before{
	
	content: url(imagenes/flecha.png);
}
#paloma::before{
	
	content: url(imagenes/list_check.png);
}
#imi{
	padding:10px 10px 10px 10px;
}
.campoUno{
		   	height: 25px;
		   	width: 250px;
		   }
		   
 .enviar{
		   	border:none;
		   	height: 35px;
		   	width: 150px;
		   	font-size:18px;
		   	margin: none;
		   	color: #fff;
		   	background-color: #4c84ec;
		   }
		      textarea{
		   	width: 350px;
		   	height: 150px;
		   }
	
	.menumenu{
		margin-left:155px;
		padding-top: 5px;
	}
		.menumenu	ul{
			  list-style: none;
			}
		.menumenu	li{
				font-size:18px;
				font-family:"Agency FB";
				color:#fff;
				padding:10px;
			  float:left;
			}
			
		.menumenu	.sub{	
				display: block;
				font-family:"Arial";
				font-size: 12px;
				padding-right:5px;
				
			}
		.menumenu	li:hover{
		
			
				color:#ccc;
			}
		.menumenu	a{
			font-family:"Arial";
				text-align:center;
			text-decoration: none;
			color:#fff;
			}
		.menumenu	ul li:hover a{
				color:#ddd;
			}
		.menumenu	 li ul{
			padding:5px;
			color:#fff;
			 	padding-left:0px;
			 	margin-left:-10px;
			 	margin-top: 10px;
		background:#252f70;
		border-left:2px solid #333;
		border-right:2px solid #333;
		
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:190px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menumenu	li:hover ul{
		color: #fff;
		display:block;
		}
		.menumenu li li {
		display:block;
		float:none;
		padding:0px;
		width:190px;
		}
	.menumenu	li ul a{
		display:block;
		font-size:14px;
		font-style:normal;
		padding:5px 15px 5px 5px;
		text-align:left;
		}
	.menumenu	li ul a:hover{
			background:#151850;
			color:#fff;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
			
		.menumenu ul li ul {
			color: #fff;
		}
		.menuBanner{
		display: none;
			
		}
		.menuBanner img{
			margin-bottom:-6px;
			padding: -3px;
		}
		


.text501{
	font-family: Arial;
	font-size: 14px;
	color: #202021;
}
.text502{
	font-family: Arial;
}
.tutorial{
	 background-image: url('imagenes/transparente_bg.png');
	width:120px;
	height:80px;
	font-family:Arial;
	text-align:center;
	padding:5px;
	border-radius: 5px;
	position:fixed;
	bottom:10px;
	right: 5px;
}
.tbt{
	background-color:red;
	color: #fff;
	font-family: Arial;
	font-size:16px;
	border-radius: 5px;
	width: 250px;
	height: 40px;
}
