@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Gafata|Muli);

 .content{color:#720909; font:12px/1.4 "helvetica neue",arial,sans-serif;width:820px;margin:20px auto;background-color:#fff;}
            h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
            p{margin:0 0 20px}
            .cred{margin-top:20px;font-size:11px;}

            /* This rule is read by Galleria to define the gallery height: */
            #galleria{height:480px;background-color:#fff; }


.ex1 img{
    border: 3px solid #000000;
    float: left;
    margin: 8px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
	  box-shadow: 5px 5px 5px #000b0f;
   -webkit-box-shadow: 5px 5px 5px #000b0f;
   -moz-box-shadow: 5px 5px 5px  #000b0f;
}

.ex1 img:hover {
       border: 3px solid #fff;
	   	  box-shadow: 5px 5px 5px #006e9d;
   -webkit-box-shadow: 5px 5px 5px #006e9d;
   -moz-box-shadow: 5px 5px 5px  #006e9d;
}


body 
{
background-color:#1782ae;
font-family: 'Gafata', Verdana, Geneva, sans-serif;
	margin: 0;
padding: 0;
}

	#titulo
{
	color:#1782ae;
	padding-top:10px;
	padding-bottom:8px;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	font-family: 'Muli', Verdana, Geneva, sans-serif;
	}

#redes
{
	margin-top:8px;
padding-left:3px;
padding-right:40px;
text-align:left;
float:right;

}

#cajita  { margin: 0 auto;}
#bordesito img { border:3px solid #cecece;}

   
      	#contenedor4{position:relative;float:left; margin-left:20px; margin-bottom:10px; width:600px; background-color:#f6f6f6; margin-top:10px; padding-left:10px; padding-right:10px; text-align:justify; }
#contenedor8{position:relative;float:left; margin-left:20px; margin-bottom:10px; width:600px; background-color:#f6f6f6; margin-top:10px; padding-left:10px; padding-right:10px; text-align:justify; }

      	#contenedor5{position:relative;float:left; margin-left:40px; margin-bottom:10px; widht: auto; background-color:#f6f6f6; margin-top:10px; padding-top:10px; padding-bottom:10px; padding-left:5px; padding-right:5px;  color:#070706; -webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em; }
 #contenedor2{padding-top:20px; position:relative; display:table; margin-left:20px; margin-right:20px; padding-bottom:60px;  color:#070706; margin:0 auto;  }
 
  #contenedor3{padding-top:10px; position:relative; display:table; margin-left:20px; margin-right:20px; margin-bottom:60px;  margin:0 auto;  }
 #contenedor7{padding-top:10px; position:relative; display:table;   padding-left:20px; padding-right:20px; padding-bottom:60px;  margin:0 auto; }
 
 #contenedor9{padding-top:20px; position:relative; display:table;   padding-left:20px; padding-right:20px; padding-bottom:60px;  margin:0 auto; }
 
    #menuiz3{position:relative;float:left; width:450px; 
text-align:justify; color:#000;
    }
	
	   #titulos{
		   background-color:#002838;
		   color:#ffffff;
		   	text-transform: uppercase;
			padding-top:10px;
			padding-bottom:10px;
			padding-left:10px;
			padding-right:10px;
			text-align:center;
			font-size:12px;
			height:50px;
    }
	
	   #menuiz2{position:relative;float:left; width:500px; 
text-align:justify;
    }
	
		   #menuiz4{position:relative;float:left; width:310px; 
text-align:justify;
background-color:#000b0f;
color:#FFFFFF;
padding-left:12px;
padding-bottom:20px;
 -webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em; 
    }
	
		   #menuiz5{position:relative;float:left; width:300px;
		   text-align:center;
padding-left:5px;
padding-bottom:5px;
    }
	
#menuiz5 img{
 -webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em; 
}

#contenedorh{padding-top:10px; position:relative; display:table; margin-left:10px; padding-bottom:10px; margin:0 auto; }
#moduloz{position:relative;float:left; width:200px; height:auto; color:#FFFFFF; margin-left:20px; margin-bottom:10px; font-size:16px; font-family: 'Alef', Verdana, Geneva, sans-serif; border:1px solid #cfcfcf;
			-webkit-box-shadow: 0px 0px 8px 0px #21242e;
	box-shadow: 0px 0px 8px 0px  #21242e;
	font-weight:bold; }
	
#moduloa{position:relative;float:left; width:200px; height:auto; margin-left:40px; margin-bottom:10px;}
	
#modulo img{
    border: 5px solid #000000;
    float: left;
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
	  box-shadow: 5px 5px 5px #95bd3d;
   -webkit-box-shadow: 5px 5px 5px #95bd3d;
   -moz-box-shadow: 5px 5px 5px  #95bd3d;
}

#modulo img:hover {
       border: 5px solid #95bd3d;
	   	  box-shadow: 5px 5px 5px #000000;
   -webkit-box-shadow: 5px 5px 5px #0000000;
   -moz-box-shadow: 5px 5px 5px  #000000;
}

.container {
 clear:both;
 float:left;
 overflow:hidden;
 width:100%;
}

#menu {
 float:left;
 left:50%;
 list-style-type:none;
 margin:0 auto;
 padding:0;
 position:relative;
}

#menu li {
 float:left;
 position:relative;
 right:50%;
}

#cssmenu1{
	border:none;
	border:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	}
#cssmenu1 ul{
	margin:0;
	height:35px;
	list-style:none;
	padding:0;
	}
#cssmenu1 li{
	float:left;
	padding:0px;
	}
#cssmenu1 li a{
	color:#ffffff;
	display:block;
	font-weight:normal;
	line-height:35px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
	}
#cssmenu1 li a:hover, #cssmenu ul li:hover a{
	color:#e0f6ff;
	text-decoration:none;
	}
#cssmenu1 li ul{
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:225px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
#cssmenu1 li:hover ul{
	display:block;
	
	}
#cssmenu1 li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:225px;
	}
#cssmenu1 li:hover li a{
	background:none;
	
	}
#cssmenu1 li ul a{
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
#cssmenu1 li ul a:hover, #cssmenu li ul li:hover a{
	background:#081127 url('images/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
#cssmenu1 p{
	clear:left;
	}	
	
	
	#cssmenu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
#cssmenu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
#cssmenu li{
	float:left;
	padding:0px;
	}
#cssmenu li a{
	background:#333333 url('images/seperator.gif') bottom right no-repeat;
	color:#cccccc;
	display:block;
	font-weight:normal;
	line-height:35px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
	}
#cssmenu li a:hover, #cssmenu ul li:hover a{
	background: #000308 url('images/hover.gif') bottom center no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	}
#cssmenu li ul{
	background:#333333;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:225px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
#cssmenu li:hover ul{
	display:block;
	
	}
#cssmenu li li {
	background:url('images/sub_sep.gif') bottom left no-repeat;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:225px;
	}
#cssmenu li:hover li a{
	background:none;
	
	}
#cssmenu li ul a{
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
#cssmenu li ul a:hover, #cssmenu li ul li:hover a{
	background:#081127 url('images/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
#cssmenu p{
	clear:left;
	}	

#header
{
	width:100%;
	height:140px;
	background-color:#fff;
	background-image:url(fiondo_logo.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	
	#jej
{
	width:100%;
	padding-top:20px;
	padding-bottom:10px;
	background-color:#1782ae;
	background-image:url(prueba.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	}
	
	#jej2
{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	height:20px;
	background-color:#1782ae;
	background-image:url(prueba.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	}
	
	#pagina
{
	width:100%;
	background-color:#fff;
	background-image:url(pagina_f.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	}
	
	#pagina2
{
	width:100%;
	background-color:#fff;
	background-image:url(mail.png) ;
	background-position:top right;
	background-repeat:no-repeat;
	}
	
		#prefooter
{
	width:100%;
	height:auto;
	background-color:#1794c7;
	color:#FFFFFF;

	}
	
		

			#footer
{
	width:100%;
	height:70px;
	background-color:#1782ae;
	text-transform: uppercase;
	color:#FFFFFF;
	}
	
	#footer2
	{
		position:relative; display:table; 
		padding-top:10px;
		padding-left:20px;
		margin: 0 auto;
		height:auto;
	}
	
	
	.formbus {

background: #ececec;
background-repeat:repeat-x;
font-weight:bold;
color:#000;
font-size:20px;
padding: 6px 6px 6px 8px;
width: 300px;
border: solid 1px #d7f3ff;
outline: none;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
}	

#cssmena {
  padding: 0;
  margin: 0;
  border: 0;
}
#cssmena ul,
#cssmena ul li,
#cssmena ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmena ul {
  position: relative;
  z-index: 597;
  float: left;
}
#cssmena ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
}
#cssmena ul li.hover,
#cssmena ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmena ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmena ul ul li {
  float: none;
}
#cssmena ul ul ul {
  top: 1px;
  left: 99%;
}
#cssmena ul li:hover > ul {
  visibility: visible;
}
#cssmena ul ul {
  top: 1px;
  left: 99%;
}
#cssmena ul li {
  float: none;
}
#cssmena ul {
  font-weight: bold;
}
#cssmena ul ul {
  margin-top: 1px;
}
#cssmena ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */

#cssmena {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  background-color: #FFFFFF;
  background-repeat: repeat-x;
  width: 290px;
}
#cssmena:after {
  content: '';
  display: block;
  clear: both;
}
#cssmena a {
  background-color: #FFFFFF;
  background-repeat: repeat-x;
  color: #000000;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 180%;
  padding: 13px 20px;
  text-decoration: none;
  text-transform:uppercase;
}
#cssmena ul {
  border-right: 2px solid #004a68;
  list-style: none;
  width: 290px;
}
#cssmena > ul {
  float: left;
}
#cssmena > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ffffff;
  margin-top: -10px;
}
#cssmena > ul > li:first-child >a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmena > ul > li:last-child > a {
  border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
}
#cssmena > ul > li.active a {
  box-shadow: inset 0 0 3px black;
  -moz-box-shadow: inset 0 0 3px black;
  -webkit-box-shadow: inset 0 0 3px black;
  background-color: #004a68;
  background-repeat: repeat-x;
}
#cssmena > ul > li:hover > a {
  background-color: #006189;
  color:#FFF;
  background-repeat: repeat-x;
  box-shadow: inset 0 0 3px black;
  -moz-box-shadow: inset 0 0 3px black;
  -webkit-box-shadow: inset 0 0 3px black;
}
#cssmena .has-sub {
  z-index: 1;
}
#cssmena .has-sub:hover > ul {
  display: block;
}
#cssmena .has-sub ul {
  display: none;
  position: absolute;
  width: 150px;
  top: 5px;
  left: 100%;
}
#cssmena .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmena .has-sub ul li a {
  background: #FFF;
  border-bottom: 1px dotted #002332;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmena .has-sub ul li:hover a {
  background: #001128;
  color:#FFF;
}
#cssmena .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmena .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmena .has-sub .has-sub ul li a {
  background: #001128;
  border-bottom: 1px dotted #FFE9BE;
}
#cssmena .has-sub .has-sub ul li a:hover {
  background: #001128;
  color:#FFFFFF;
}

button.skip {
background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 8px 0;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  width: 150px;  }
  button.skip:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
  button.skip:active {
      border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;}