/*estilos del menu */

* {
				margin:0px;
				padding:0px;
			}
			
			header {
				width:100%;
				margin:0px auto;
			}
			
			nav{
				position:fixed;
				width:100%;
				font-family:Arial, Helvetica, sans-serif;
				margin:0px auto;
				background:#4994FC;
				z-index:1;
				
			
			}
			.menu_bar{
				display:none;
			}
			ul  {
				list-style:none;
				
			}
			.nav {
				width:90%;
				margin:0px auto;
				
			}
			.nav > li {
				display:inline-block;
				width:12%;
				text-align:center;
				margin:0px -2px;
				
				
			}
			
			.nav li a {
				background-color:rgba(73,148,252,0.5);
				color:#fff;
				text-decoration:none;
				padding:20px 12px;
				display:block;
				
			}
			
			.nav li a:hover {
				background-color:rgba(233,249,59,.5);
				
			}
			
			.nav li a span {
					margin:0px 8px;
					color:yellow;
				}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}
			
			.nav li:hover > ul {
				background-color:rgba(0,102,0,1);
				display:block;
			}
			
			.nav li ul li {
				position:relative;
				text-align:left;
				background-color:rgb(150,150,150);
			}
			
			.nav li ul li ul {
				right:-140px;
				top:0px;
			}
			
			
			.children{
				display:none;
			}
	

	
.botones {margin-left:14%;
		font-size:1em;
		 cursor:pointer; cursor: hand;
		
	}	

.botones a:link {text-decoration:none;}
.botones a:visited {text-decoration:none;color:green;}
.botones a:active {text-decoration:none;}
.botones a:hover {text-decoration:none;}
	
}	
		

		
#contenedor {
	position:relative;
	width:100%;
	top:50px;
	margin:0px auto;
	
	}

#contenedor img {width:100%;}	
			
section {
	width:100%;
	margin:80px auto;
	
}

#mostrar  {
	
	width:70%;
	background: #EEECEC;
	margin:0px auto;
	padding:20px;
	display:none;
}

section #ver {margin-left:15%;
		font-size:150%;
		background-color:green;
		border: 1px solid #000000;
		width: 5%;
		width: 30px;
		height: 30px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #5cb85c;
		cursor:pointer; cursor: hand;
	}

.icon-chevron-down { 
	margin-left: 25%;
	}

.icon-chevron-up { 
	margin-left: 25%;
	}

#tutorial{
	width:98%;
	background: #EEECEC;
	margin:0px auto;
	padding:20px;
}

section article h1 {
	font-size:2em;
	font-family:arial;
	
	
}

section article h2 {
	font-size:1.5em;
	font-family:arial;
	text-align:center;
	
}
section article p {
	font-size:14pt;
	font-family:arial;
	text-align:justify;
	margin:20px;
	
}

section article ol{
	font-size:14pt;
	font-family:arial;
	margin:20px 80px;
}

footer {
	width:100%;
	margin:0px auto;
	background:rgba(73,148,252,0.5);
	
}

footer p {
	text-align:center;
	font-size:12pt;
	
}
footer p span {
	color:red;
	margin:0px 10px;
}

.icon-skype2, .icon-twitter{
	color:#49AFFC;
}

.formulario {
	width:35%;
	margin:0px auto;
}
.formulario p {
	margin:0px;
	
}


 
#formulario {
		position:relative;
		top:0px;
		left:0px;
		height: 950px;
        width: 90%;
		margin:0px auto;
		padding:10px 0px 40px 0px;
        overflow:scroll;
		display:block;
        border:1px solid #000000;
		background:url(fondo.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
     background-size: cover;
		
		
}

#formulario p {margin-top:5px;margin-bottom:10px;margin-left:20px; margin-right:20px;text-align:left;font-size:16px;font-family:Arial;}

#tablaFormulario {
		height: auto;
        width: auto;
}

#tablaFormulario tr:nth-child(odd) {background-color: #CCCCCC;}

#tablaFormulario tr:nth-child(even) {background-color: #CCFFFF;}
#tablaFormulario  td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; font-size:12px; }

#cinta {
		
        height: 200px;
        width: 350px;
		display:block;
        border:1px solid #000000;
		float:right;
		text-align:left;
		padding:10px 0px 0px 10px;
		background:url(fondo.png) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
     background-size: cover;
		
		
}

#estilocinta {
	height: 100px;
	background-color:#ffffff; 
	padding:10px 0px 10px 0px;
	font-family:Arial;
	overflow:scroll;

}

#estilocinta p{font-size:12px;}
#estilocinta  a:link{color:#000000;font-family:arial;font-size:10pt; text-decoration: none; font-weight: bold;}
#estilocinta  a:hover{color:#000000;font-family:arial;font-size:10pt; background-color:#58ACFA;height:15px;text-decoration: none;}


#videos {
	position:relative;
	width:84%;
	height:550px;
	border: 1px solid #FFFFFF;
	display:inline-block;
}

#minivideos{
	position:relative;
	overflow-y:scroll; 
	width:14%;
	height:550px;
	border: 1px solid #FFFFFF;
	display:inline-block;
	float:right;
}


			/* EFECTOS DE PANTALLAS EN MOVILIES*/		
@media screen and (max-width: 1024px) {
			
			.menu_bar{
				display:block;
				background:Blue;
				height:40px;
			}
			
			
			.menu_bar a {
				text-decoration:none;
				color:#ffffff;
			}
			
			.icon-menu {
				float: right;
				color:#ffffff;
			}
			
			nav {
				display:none;
				background-color:rgba(30,144,255,.5);
			}
			.nav > li {
				display:block;
				width:50%;
				text-align:left;
				
				}
			.nav li a {
				
				color:#fff;
				text-decoration:none;
				padding:10px 12px;
				display:block;
				}
			
			.submenu   {
				display:block;
			}
			.children{
				display:none;
				
				
				}
			
			#contenedor {
				position:relative;
				width:100%;
				top:0px;
				margin:0px auto;
				}
			
			section {width:90%; margin:0px auto;}
			section article{ width:100%;margin:0px 0px; }
			
			#formulario{
				margin:0px 0px;
				
			}
			
			#tablaFormulario {
				width: 100px;
			}
			h1 {text-align:center; margin-top:-30px;}
			h1 b{font-size:20px;}
			
			#tablaFormulario td input {
				width: 50px;
			}
			
			#cinta {
		
			height: 200px;
			width: 350px;
			display:block;
			border:1px solid #000000;
			float:right;
			text-align:left;
			margin-right:10px;
			background:url(fondo.png) no-repeat fixed center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
			}
			
			
}


			
@media screen and (max-width: 500px) {
			section {
		width:100%;
		margin:80px auto;
	}

		section article {
		width:90%;
		background: #EEECEC;
		margin:0px auto;
		padding:0px;
	}

section article h1 {
	font-size:1em;
	font-family:arial;
	}

section article h2 {
	font-size:0.8em;
	font-family:arial;
	text-align:center;
	}
			section article  p{
				font-size:10pt;
			}	
			
			section article  ol li{
				font-size:10pt;
				
			}
			
			#cinta {
		
			height: 200px;
			width: 350px;
			display:block;
			border:1px solid #000000;
			float:none;
			text-align:left;
			padding:10px 0px 0px 10px;
			background:url(fondo.png) no-repeat fixed center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
			}
			
			
			
}	
/*fin de estilos del menu */

#centrado {
		position:relative;
		top:20px;
		height: 1550px;
		width: 100%;
		padding: 0px 20px 25px 0px;
		border:1px solid #000000;
		background:url(fondo.jpg) no-repeat fixed center;
    
		
		
}


	

#navegador {
		position:relative;
		top:10px;
		height: 50px;
		width: 100%;
		border:0px solid #000000;
		padding:0px 0px 0px 0px;
		background-color:#006600;
		color:#ffffff;
}
#navegador p {margin-top:0px;margin-bottom:0px;margin-left:40px;}
#navegador  a {color:#ffffff;font-family:arial;font-size:16pt;display:block;float:left; padding:12px 12px 0px 12px;}
#navegador  a:link {color:#ffffff;font-family:arial;font-size:16pt;text-decoration: none;}
#navegador  a:visited  {color:#ffffff;font-family:arial;font-size:16pt;text-decoration: none;}
#navegador  a:hover{color:#ffffff;font-family:arial;font-size:16pt; background-color:#00CC33;height:40px;text-decoration: none;}
#navegador  a:active {color:#ffffff;font-family:arial;font-size:16pt;text-decoration: none;} 





#proyecto {
		position:relative;
		top:20px;
		left:10px;
		padding:20px 10px 20px 10px;
		height: 400px;
        width: 300px;
		overflow:scroll;
        border:1px solid #000000;
		font-size:12px;
		float:left;
}
#proyecto  p {margin-top:5px;margin-bottom:5px;margin-left:20px; margin-right:20px;text-align:left; font-family:Arial;}

#laminasriego {
		position:relative;
		top:20px;
		left:10px;
		padding:20px 10px 20px 10px;
		Margin:0px 0px 0px 10px;
        height: 420px;
        width: 200px;
		border:1px solid #000000;
		font-size:12px;
		float:left;
}
#laminasriego p {margin-top:5px;margin-bottom:5px;margin-left:20px; margin-right:20px;text-align:left;font-family:Arial;}

#tiemporiego {
		position:relative;
		top:20px;
		left:10px;
		padding:20px 10px 20px 10px;
		Margin:0px 10px 0px 10px;
		height: 400px;
        border:1px solid #000000;
		font-size:12px;
		float:left;
}

#tiemporiego p {margin-top:5px;margin-bottom:5px;margin-left:20px; margin-right:20px;text-align:left;font-family:Arial;}

#diseno {
		position:relative;
		top:20px;
		left:10px;
		padding:10px 10px 20px 10px;
		Margin:0px 10px 0px 0px;
        height: auto;
        width: 350px;
		border:1px solid #000000;
		font-size:12px;
		float:left;
}



#diseno p {margin-top:5px;margin-bottom:5px;margin-left:20px; margin-right:20px;text-align:left; font-family:arial;}



#diseno2{
		position:relative;
		top:20px;
		bottom:20px;
		left:10px;
		padding:20px 10px 20px 10px;
		Margin:10px 0px 0px 0px;
        height: auto;
        width: 350px;
		border:1px solid #000000;
		font-size:12px;
		float:left;
	
}
#diseno2 p {margin-top:5px;margin-bottom:5px;margin-left:20px; margin-right:20px;text-align:left; font-family:arial;}


#enlace {
		position:relative;
		top:20px;
		bottom:20px;
		left:10px;
		padding:20px 10px 20px 10px;
		Margin:10px 0px 0px 0px;
        height: auto;
        width: 350px;
		border:1px solid #000000;
		font-size:12px;
		float:left;
}
#enlace a{background-color:#FFFF99;}
#enlace a: link {text-decoration:blink;}

#tuberia{ 
		position:relative;
		top:20px;
		left:10px;
		padding:10px 10px 10px 10px;
		Margin:10px 0px 0px 0px;
        height: auto;
        width: auto;
		border:1px solid #000000;
		font-size:12px;
		float:left;
}
#tuberia p {margin-top:5px;margin-bottom:5px;margin-left:20px; margin-right:20px;text-align:left; font-family:arial;}

#tabla2{
position:relative;
		top:0px;
		left:0px;
		padding:10px 10px 10px 15px;
		Margin:5px 0px 5px 0px;
        height: auto;
        width: autopx;
		border:1px solid #000000;
		font-size:12px;
		float:left;
		border-collapse: collapse;   
		
}


#tabla2 td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; }

#tabla2 th {background-color: #FFFF99; border: 1px solid #000000;}

#tabla2 tr:nth-child(odd) {background-color: #CCCCCC;}

#tabla2 tr:nth-child(even) {background-color: #CCFFFF;}


#tabla3{
position:relative;
		top:0px;
		left:0px;
		padding:10px 10px 10px 15px;
		Margin:5px 0px 5px 0px;
        height: auto;
        width: 500px;
		border:1px solid #000000;
		font-size:12px;
		float:left;
}

#tabla3 td {margin-top:5px;margin-bottom:5px;margin-left:5px; margin-right:5px;text-align:left; font-family:arial;  }

#tabla4{
position:relative;
		top:0px;
		left:0px;
		padding:10px 10px 10px 15px;
		Margin:5px 0px 5px 0px;
        height: auto;
        width: auto;
		border:1px solid #000000;
		font-size:12px;
		float:left;
		border-collapse: collapse;   
		
}
#tabla4 td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; }

#tabla4 th {background-color: #FFFF99; border: 1px solid #000000; }

#tabla4 tr:nth-child(odd) {background-color: #CCCCCC;}

#tabla4 tr:nth-child(even) {background-color: #CCFFFF;}

#tabla5{
position:relative;
		top:0px;
		left:0px;
		padding:10px 10px 10px 15px;
		Margin:5px 0px 5px 0px;
        height: auto;
        width: auto;
		border:1px solid #000000;
		font-size:12px;
		float:left;
		border-collapse: collapse;   
		
}
#tabla5 td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; }
#tabla5 th {background-color: #FFFF99; border: 1px solid #000000;}

#tabla5 tr:nth-child(odd) {background-color: #CCCCCC;}

#tabla5 tr:nth-child(even) {background-color: #CCFFFF;}


#tablaDatos{
position:relative;
		top:0px;
		left:0px;
		padding:10px 10px 10px 15px;
		Margin:5px 0px 5px 0px;
        height: auto;
        width: auto;
		border:1px solid #000000;
		font-size:12px;
		float:left;
		border-collapse: collapse;   
		
}
#tablaDatos td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; }
#tablaDatos th {background-color: #FFFF99;border: 1px solid #000000; }

#tablaDatos tr:nth-child(odd) {background-color: #CCCCCC;}

#tablaDatos tr:nth-child(even) {background-color: #CCFFFF;}

#tablaLamina{
/*position:relative;*/
		top:0px;
		left:0px;
		/*padding:10px 10px 10px 15px;*/
		Margin:5px 0px 5px 0px;
        /*height: auto;*/
       /* width: auto;*/
		border:1px solid #000000;
		font-size:12px;
		float:left;
		border-collapse: collapse;   
		
}
#tablaLamina td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; }
#tablaLamina th {background-color: #FFFF99; border: 1px solid #000000;}

#tablaLamina tr:nth-child(odd) {background-color: #CCCCCC;}

#tablaLamina tr:nth-child(even) {background-color: #CCFFFF;}


#tablaTiempo{
position:relative;
		top:0px;
		left:0px;
		padding:10px 10px 10px 15px;
		Margin:5px 0px 5px 0px;
        height: auto;
        width: auto;
		border:1px solid #000000;
		font-size:12px;
		float:left;
		border-collapse: collapse;   
		
}
#tablaTiempo td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; }
#tablaTiempo th {background-color: #FFFF99; border: 1px solid #000000;}

#tablaTiempo tr:nth-child(odd) {background-color: #CCCCCC;}

#tablaTiempo tr:nth-child(even) {background-color: #CCFFFF;}



#disenoIntrafinca {
		position:relative;
		top:20px;
		bottom:20px;
		left:10px;
		padding:20px 10px 20px 10px;
		Margin:10px 0px 0px 0px;
        height: auto;
        width: auto;
		border:1px solid #000000;
		font-size:12px;
		float:left;
	
}

#disenoIntrafinca2 {
		position:relative;
		top:20px;
		bottom:20px;
		left:10px;
		padding:20px 10px 20px 10px;
		Margin:10px 10px 10px 10px;
        height: auto;
        width: auto;
		border:1px solid #000000;
		font-size:12px;
		float:left;
	
}
#tablaIntrafinca {
position:relative;
		top:0px;
		left:0px;
		padding:10px 10px 10px 15px;
		Margin:5px 0px 5px 0px;
        height: auto;
        width: auto;
		border:1px solid #000000;
		font-size:12px;
		float:left;
		border-collapse: collapse;   
		
}
#tablaIntrafinca td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; }
#tablaIntrafinca  th {background-color: #FFFF99; border: 1px solid #000000;}

#tablaIntrafinca tr:nth-child(odd) {background-color: #CCCCCC;}

#tablaIntrafinca  tr:nth-child(even) {background-color: #CCFFFF;}

#Tresultado {
position:relative;
		top:0px;
		left:0px;
		padding:10px 10px 10px 15px;
		margin:5px 0px 5px 0px;
        height: auto;
        width: auto;
		border:1px solid #000000;
		font-size:12px;
		float:left;
		border-collapse: collapse;   
		
}

#Tresultado td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; }
#Tresultado th {background-color: #FFFF99; border: 1px solid #000000;}

#Tresultado tr:nth-child(odd) {background-color: #CCCCCC;}

#Tresultado tr:nth-child(even) {background-color: #CCFFFF;}


#tablaIntrafinca2 {
position:relative;
		top:0px;
		left:0px;
		padding:10px 10px 10px 15px;
		Margin:5px 0px 5px 0px;
        height: auto;
        width: auto;
		border:1px solid #000000;
		font-size:12px;
		float:left;
		border-collapse: collapse;   
		
}
#tablaIntrafinca2 td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; }
#tablaIntrafinca2 th {background-color: #FFFF99; border: 1px solid #000000;}

#tablaIntrafinca2 tr:nth-child(odd) {background-color: #CCCCCC;}

#tablaIntrafinca2 tr:nth-child(even) {background-color: #CCFFFF;}



#tabladocumento {
position:relative;
		top:0px;
		left:0px;
		padding:10px 10px 10px 15px;
		Margin:5px 0px 5px 0px;
        
		border:1px solid #000000;
		font-size:12px;
		float:left;
		border-collapse: collapse;   
		
}
#tabladocumento  td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; }
#tabladocumento  th {background-color: #FFFF99; border: 1px solid #000000;}

#tabladocumento  tr:nth-child(odd) {background-color: #CCCCCC;}

#tabladocumento  tr:nth-child(even) {background-color: #CCFFFF;}

#tablariego2 {
		top:0px;
		left:10px;
		padding:10px 10px 10px 15px;
		Margin:5px 0px 5px 0px;
        height: auto;
        width: auto;
		border:1px solid #000000;
		font-size:12px;
		float:left;
		border-collapse: collapse; 
}

#generales {
	left:10px;
	border:1px solid #000000;
	border-collapse: collapse; 
}

#generales th {background-color: #FFFF99; border: 1px solid #000000;}
#generales  tr:nth-child(odd) {background-color: #CCCCCC;}
#generales  tr:nth-child(even) {background-color: #CCFFFF;}

#tablariego2  td {padding:5px 5px 5px 5px; font-family:arial; border: 1px solid #000000; font-size:12px; }
#tablariego2 th {background-color: #FFFF99; border: 1px solid #000000;}

#tablariego2  tr:nth-child(odd) {background-color: #CCCCCC;}

#tablariego2  tr:nth-child(even) {background-color: #CCFFFF;}

#tresulTab {
	border:1px solid #000000;
	border-collapse:collapse;
}
#tresulTab th {background-color: #FFFF99;border: 1px solid #000000;}
#resulTab  tr:nth-child(odd) {background-color: #CCCCCC;}
#tresulTab tr:nth-child(even) {background-color: #CCFFFF;}

#tabladetalle {
	position:relative;
	margin: 20px 20px 20px 20px;
	padding:10px 10px 10px 10px;
	border:1px solid #000000;
	float:left;
}
 #tabladetalle  h1{font-size:16px; font-family:Arial;border:0px solid #000000;}
 
 
 
 
  #planos2  ,#planos3{
	position:relative;
	margin: 20px 20px 20px 20px;
	padding:10px 10px 10px 10px;
	border:1px solid #D8D3D3;
	float:left;
	display:block;
	
	
}
 #planos2,#planos3  td {font-size:10px;}
 
.planosClase
 {
	font-size:10px;
	color:red;
	border: 1px solid #98be10;
  background: #f6feda;
}


#diagramas {
	position:relative;
	left:10px;
	float:left;
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 5px;
	border:1px solid #000000;
	font-size:8px;
}

#diagramas h1,p {font-size:10px;}

#marco_ayuda {
	visibility:hidden;
	position:fixed;
	top:45%;
	left:35%;
	width:420px;
	height:150px;
	background: rgba(1,235,255,0.8);
	padding:5px 15px;
	border:1px solid #000000;
	border-radius:15px;
}

#marco_ayuda p	{
	display:block ;
	font-family:arial;
font-size:16px;
font-weight:bold;
}
span.men{
	display:block;
	float:left;
	cursor:default;
}
span.men2{
	display:block;
	float:right;
	cursor:default;
}

#ayudas {
	position:relative;
	display:block;
	width:380px;
	height:50px;
	background: rgba(246,251,251,0.3);
	margin:35px 0px;
	padding:20px 20px;
	font-family:arial;
	font-size:14px;
	color:#000000;
}

table tr td:hover{
	color:red;
	text-decoration:underline;
}