@charset "UTF-8";
/* CSS Document */


body{
	
	background-image: url("../imgs/fo_01.png");
	background-repeat:repeat;
    background-position: 93% 89%;
    opacity:0.9;    
    height: 100%;
    margin: 0;
    background-attachment: fixed;
    width:100%;
 
}
/*body>img{
   filter:blur(4px);
  -o-filter:blur(4px);
  -ms-filter:blur(4px);
  -moz-filter:blur(4px);
  -webkit-filter:blur(4px);	
}*/

#ti{
	background-color:azure;
	
}

								
	h4>a{
	
	   font-style:italic;
	   margin:auto;
	   padding:1em;
	}
	 

    #hds,.row{
         height:auto;
         margin:auto;
       }
       
   

#img{
	
  perspective: 800px;
 -webkit-perspective: 800px;

}


    #fo,#test,.uli,#e,#te,#pe,#ce,#me,#ti{
    padding-left:2em;
    padding-right:2em;
    background-color:azure;
    }

    #rots{
       /*box-shadow: 2px 2px 15px 2px #7F7676;*/
       width: 842px;
       background-color:azure;
       margin-top: -3.7em;
   }
     body,p,h1 {
       font-family: Century Gothic, sans-serif;
     
     }
     #fo,h4 {
            font-family: Century Gothic, sans-serif;
            text-align:center;
     }

    <!–[if IE]>
    <style type=”text/css” media=”screen”>

    .im:visited{
      
    visibility:none;
    }
    
    #test{
    color:#4c4c4c;    
    } 
    
    .fo,.te{
    color:#4c4c4c;
    text-shadow:none;
    
    }
    #tes{
    text-align:center;
    color:#0868b2;
   
    }
    #crd{
    
    color:#fb7c3b;
 
    }           
    #dis{
    
    color:#0868b2;
 
    }
    #ase{
    
    color:cadetblue;
 
    }
    #bol{
    
    color:cornflowerblue;
 
    }
    
    #con{
    
    color:slateblue;
 
    }
     h5{
     color:#0868b2;
     ext-shadow:2px 2px 2px #9ca0a4;
     m
     }
     h4{
     color:#0868b2;
     text-shadow:2px 2px 2px #9ca0a4;
     
     }
     h4{
     color:#0868b2;
     text-shadow:2px 2px 2px #9ca0a4;
     
     }
	 #img{
	 width:870px;
	 height:344px;
	 margin-top: -58px;
	 margin-left:auto;
	 }
	 .im {
      /*visibility:hidden;*/
      text-align:left;
      vertical-alñign:top;
      margin-top:4px;
      }
     .im:hover{
      
      transition-duration:0.5s;
      -webkit-transition-duration:0.5s;
      transform:rotate(360deg);
      -webkit-transform:rotate(360deg);
      } 
	#ro {
	    backgroud-color:#eedfd9;
	}
														
	test
	{
		background-color:#eedfd9;
		height: 1300px;
		padding: 1.5em;
		margin:0 auto;
		border-radius: 4px 5px 5px 9px;
		list-style:none;
		}
	.uli{
		list-style:none;
		border-style: inset;
		padding: 10px 10px;
		}
     #ont {
        background-color: #6dafe7;
        /*margin-bottom: 0.2em;*/
        height: auto;
        margion-top: 1em;
        margin-top: 2em;
        margin-bottom: 3.6em;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        padding-top: 3em;
        }	
	ont, h1{   /*header código;*/
		 color:#FAF8F8;
		 pading:0.3em;
		 box-shadow:inset;
		 font-size: 202m;
		 padding-bottom:1em;
		}
    h{
        margin-top:3-0px;
    }z
   #ont{
    
       color:#6dafe7;
    }
   
   #toTop
{
	width: 100px;
	border: 2px solid #f7f7f7;
	background: #5E94CA;
	text-align: center;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	color: #FFFFFF;
	font-family: Century Gothic;
	font-size: 20px;
	opacity: 0.8;
	filter: alpha(opacity=60);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 20px;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	padding: 5px;
}
    .fh{
    width:25px;
    height: 40px;
    }
    #toTop:hover
{
	background: #41678d;
	border: 2px solid #b3b3b3;
}
    #tit,h3 {
			font-family: Century Gothic, sans-serif;
            padding: 0.1em;
            padding-bottom: 0.2em;
            font-size: 3.8em;
            text-align: center;
            color: #ffffff;
            text-shadow: 1px 1px 0 #008cba, -1px -1px #008cba, 1px -1px #008cba, -1px 1px #008cba, 0 1px #008cba, 1px 0 #008cba, -1px 0 #008cba, 0 -1px #008cba, -2px 0 #bbb, 3px 0 #b8b8b8;
            /* border: dashed; */
            border-width: 0 0 1px;
            clear: both;
            margin-bottom: 0.1em;
            }

	  
	 @media only screen and (orientation: portrait) {
	 /* .row {
	 background-image: url("img/pattern-7dfo.png");
	 background-repeat: repeat;
	 }*/
	 h4>a {
	 font-style:italic;
	 padding-left:1em;
	 padding-right:1em;
	 color:white;
	}
	
	  #img{
	 width:100%;
	 height:auto;
	 margin-top: 20px;
	 margin-left: 0.9em;/*vista margen responsive*/
	 }
	 
	 .orbit-container{

	 margin-top: px;
	 
	  }
	 .hed{
	  visibility:visible;
	  }
	  #rots{
      /*box-shadow: 2px 2px 15px 2px #7F7676;*/
      width: 844px;
      margin: auto;
     }
	 /*medias*/
	 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation :portrait) {
	
	  	h4>a{
	
	   font-style:italic;
	   padding-left:1em;
	   padding-right:1em;
	   color:white;
	}
     #img{
	 width:100%;
	 margin-top: 1em;
	 }
	  .hed{
	  visibility:hidden;

	  }
	  
	  text-align:center;
	  }
	 #rots{
     /*box-shadow: 2px 2px 15px 2px #7F7676;*/
     width: auto;
     margin: auto;
 
   }  
     #ont {
        background-color: #6dafe7;
        /*margin-bottom: 0.2em;*/
        height: auto;
        margin-top: -1em;
        margin-top: 3em;
        margin-bottom: 3.6em;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        padding-top: 3em;
        }
          #tit,h3 {
			font-family: Century Gothic, sans-serif;
            padding: 0.1em;
            padding-bottom: 0.2em;
            font-size: 2.2em;
            text-align: center;
            color: #ffffff;
            text-shadow: 1px 1px 0 #008cba, -1px -1px #008cba, 1px -1px #008cba, -1px 1px #008cba, 0 1px #008cba, 1px 0 #008cba, -1px 0 #008cba, 0 -1px #008cba, -2px 0 #bbb, 3px 0 #b8b8b8;
            /* border: dashed; */
            border-width: 0 0 1px;
            clear: both;
            margin-bottom: 0.1em;
            }

	 
	 }
  @media only screen and (orientation: portrait) { 
	 .orbit-container{
	 width:100%;
	 height:auto;
	 margin-top:-1em;
	 margin-left:5px;
	  }
	 #img{
	 width:100%;
	 margin-top: 1em;
	 }
	 .hed {
	 width:100%;
	 overflow:hidden;
	 }
	
	 p,h4 {
	 padding-left: auto;
	 }
	 h4,.te{
	 background-color:#72b3eb;
	 color:white;
	 border-radius: 5px;
	 padding-top:0.5em;
	 padding-bottom:0.5em;

	 }
	 h4,#te:hover {
	 animation:mymove 5s infinite;
	  
	 }
	 #org{
	 background-color:#9eceb4;
	 transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
     cursor: pointer;
	 }
	 #org:hover{
	 background-color:#9eceb4;
	 transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
     cursor: pointer;
	 }
	     #ont {
        background-color: #6dafe7;
        /*margin-bottom: 0.2em;*/
        height: auto;       
        margin-top: auto;
        margin-bottom: -1em;
        text-align:  center;
        text-align: -webkit-center;
        text-align: -moz-center;
        padding-top: 1.5em;
        }
	 .row{
	 
	 margin:15px auto;
	 }
	 .fo{
	 color:white;
	 }			
	   #rots{
       /*box-shadow: 2px 2px 15px 2px #7F7676;*/
       width: auto;
       margin: auto;
       margin-top: -1.7em;
   }
	 }
	  @media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
	   
	 
	  
	   #ont {
        background-color: #6dafe7;
        /*margin-bottom: 0.2em;*/
        height: auto;       
        margin-top: -1em;
        margin-bottom: -1em;
        text-align:  center;
        text-align: -webkit-center;
        text-align: -moz-center;
        padding-top: 1.5em;
        }
        #sli{
        margin-left:-1em;
        
        }
        img{
        width:35%;
        }
	  
	  
	  }
	 
/*aviso de privacidad*/