@charset "utf-8";
/* Fara Lino */
* {
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
Body{ font-family: Arial Narrow, sans-serif;  background-color: #000;   }
p  {font-size:18px; line-height: 130%;  color:#676767;  letter-spacing:0px; margin:5px 0 15px  0; padding:0;}
h1 {font-size:40px;	text-align : left;	color:#666;  letter-spacing:0px; margin: 0 ; padding:0;}
h2 {font-size:30px;	text-align : left;	color:#666;  letter-spacing:0px; margin:5px 0 0  0; padding:0; }
h3 {font-size:25px;	text-align : left;	color:#999;  letter-spacing:0px; margin:10px 0 0  0; padding:0;}
h4 {font-size:20px;	text-align : left;	color:#666;  letter-spacing:0px; margin:0; padding:0;}
h5 {font-size:18px;	text-align : left;	color:#666;  letter-spacing:0px; margin:2px 0 0  0; padding:0;}
h6 {font-size:16px;	text-align : left;	color:#666;  letter-spacing:0px; margin:10px 0 0  0; padding:0;}
a:link {text-decoration: underline; font-size:16px; color: #666;}
a:visited {text-decoration: underline; color: #333;}
a:hover {text-decoration: underline; color: #999;}
/*.......................................................................................*/
#contencabecera{width:auto; height:85px; background-color:#111; }
.cabecera{width:1000px; height:85px; margin-left:auto; margin-right:auto;}
.logo{width:330px; height:72px; float:left; padding-top:13px;}
.principalmenu{width:670px; height:70px; float: left; padding-top:15px;}
#menuflc { height:60px; list-style-type:none; margin:0; padding:0; width:620px; background-image: url(../img/fondomenufavil.png); background-repeat:no-repeat; }
#menuflc li { display:inline; float:left; text-align:center; width: auto; padding:0; margin:0 3px;}
#menuflc li a, #menuflc li a:visited {color: #666; display:block; font-family:Arial, sans-serif, Verdana; font-size:13px; height: auto; text-decoration:none; width: auto; padding:22px 2px 5px 2px; }
#menuflc li a:hover { text-decoration: none; color: #CCC;}
#menuflc li a.elegido {color: #CCC; }

#menuflc ul {
position: absolute;
z-index: 99999;
display: none;
margin: 0 0 0 -11px;
padding:0;
width:120px;}
#menuflc ul li {text-align: left; width:120px}

#menuflc ul li a {
border-bottom-width: 1px ;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #333;
padding:6px 0 6px 10px;
color: #999;}
#linkk{ background-color: #111;}
#menuflc ul li a:hover { background-color: #1F1F1F; color: #CCC;}
#menuflc li:hover > ul{display: block;}


#contencuerpo{width:auto; height: auto; }
.cuerpo {width:1000px; height: auto; margin-left:auto; margin-right:auto;  }
.iconoredes{width:1000px; height:70px;}
.iconoredes img{ margin:10px 20px 0 0;}
.slide{width:1000px; height:700px;}
.intro{width:900px; height: auto;  padding:30px 50px 0 50px;}
.portafolio{width:1000px; height:800px;}
.portafolio h1{ text-align:center; padding-top:30px;}
.resumennoticas{width:1000px; height:300px;}
.resumennoticas h1{text-align:center; }
.noti{width:978px; height: auto; float:left; border:1px solid #242424; margin:20px 0 0 0; padding:10px;}
.noti img { float:left; margin:0 20px 0 0;}
.noti a{ float: right; margin:20px 0 0 0;}


.menuportafolio{width:1000px; height:40px; background-color:#111;}
.eslides{width:1000px; height:750px;}
.eslides h1 { text-align:center;}
#menuptf { height:60px; list-style-type:none; margin:0; padding:0; width:1000px; background-image: url(../img/fondomenufavil.png); background-repeat:no-repeat; }
#menuptf li { display:inline; float:left; text-align:center; width: auto; padding:0; margin:0 5px;}
#menuptf li a, #menuptf li a:visited {color: #666; display:block; font-family:Arial, sans-serif, Verdana; font-size:15px; height: auto; text-decoration:none; width: auto; padding:10px 10px 10px 10px; }
#menuptf li a:hover { text-decoration: none; color: #CCC;}
#menuptf li a.elegido {color: #CCC; }
#menuptf ul {
position: absolute;
z-index: 99999;
display: none;
margin: 0 0 0 -4px;
padding:0;
width:120px;}
#menuptf ul li {text-align: left; width:120px}

#menuptf ul li a {
border-bottom-width: 1px ;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #333;
padding:6px 0 6px 10px;
color: #999;}
#link{ background-color: #111;}
#menuptf ul li a:hover { background-color: #1F1F1F; color: #CCC;}
#menuptf li:hover > ul{display: block;}

.descripcion{width:1000px; height:130px;}

.portindex {width:320px; height:220px;   position:relative;  margin:10px 9px 0 0; float:left;}
.portindex > div { width:300px; height:200px;  position:absolute;  top:0;  left:0;  z-index:-1; padding:10px;  margin:0; }
.portindex > div h3 { text-align:center; padding-top:30px;}
.portindex > div p { color:#999; text-align:center;}
.desvanecer:hover {
  opacity: 0.15;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
}
.acercade{ width:1000px; height:1500px;  }
.acercade h1{ text-align: center;  }
.detalle{ width:740px; height:1400px; float:left;  padding-top:20px; }
.detalle img{ margin-bottom:20px;}
.detalle p{ text-align:justify; line-height:110%;}
.detalle ul { margin:0 0 30px 0; padding:0; list-style:none;}
.detalle ul li { margin:0  10px; padding:5px 0 11px 45px; font-size:16px; color:#999; }
.fj{ background-image: url(../img/fj.png); background-repeat:no-repeat; }
.ws{ background-image: url(../img/ws.png); background-repeat:no-repeat; }
.fb{ background-image: url(../img/fb.png); background-repeat:no-repeat; }
.itg{ background-image: url(../img/itg.png); background-repeat:no-repeat; }
.detaimg{ width:200px; height:1400px;  float: right; padding-top:20px;  }
.formulario{ width: 450px; height:600px; float: right; padding-top:20px; padding-left:50px; }
.formulario form input, textarea { margin:6px 0; font-size:15px; font-family:Arial Narrow, sans-serif; }
.proyectos{ width:1000px; height: auto; margin-bottom:30px;  }
.proyectos h1{ text-align:center;}

.exposiciones{ width:1000px; height: auto; margin-bottom:30px;  }
.exposiciones h1{ text-align:center; margin-top:20px;}

.menuexpo{width: 1000px; height:40px; background-color:#111; margin-left:auto; margin-right:auto; margin-top:10px;}
#menuexp { height:45px; list-style-type:none; margin:0; padding:0; width: auto;  }
#menuexp li { display:inline; float:left; text-align:center; width: auto; padding:0; margin:0 10px;}
#menuexp li a, #menuptf li a:visited {color: #666; display:block; font-family:Arial, sans-serif, Verdana; font-size:15px; height: auto; text-decoration:none; width: auto; padding:10px 10px 10px 10px; }
#menuexp li a:hover { text-decoration: none; color: #CCC;}
#menuexp li a.elegido {color: #CCC; }
#menuexp ul {
position: absolute;
z-index: 99999;
display: none;
margin: 0 0 0 -15px;
padding:0;
width:120px;}
#menuexp ul li {text-align: left; width:100px}

#menuexp ul li a {
border-bottom-width: 1px ;
border-right-style: none;
border-bottom-style: solid;
border-bottom-color: #333;
padding:6px 0 6px 10px;
color: #999;}
#linkkk{ background-color: #111;}
#menuexp ul li a:hover { background-color: #1F1F1F; color: #CCC;}
#menuexp li:hover > ul{display: block;}

.expo{ width:1000px; height: auto; margin-bottom:30px; margin-top:30px;  }
.detallexpo{ width:230px; height:600px; float:left; margin-right:20px;  }
.detallexpo ul { margin:0 0 0 15px; padding:0;  }
.detallexpo ul li{ margin:0; padding:10px 0; line-height: 140%;  color:#676767; font-size:16px; }
.menos { color:#4E4E4E; }

.galeriaexpo{ width:725px; height: auto; float: right; margin-left:25px;  }
.fotoexpo{ width:220px; height: 170px; float:left; padding:10px; background-color:#4E4E4E; margin:0 20px 20px 0; }
.conferencias{ width:1000px; height: auto; margin-bottom:30px;  }
.conferencias h1{ text-align:center; margin-top:20px;}










#contenpie{ width: auto; height:300px; clear:both; background-color:#111; }
.pie{ width:1000px; height:300px; margin-left:auto; margin-right:auto; padding-top:70px;  }
.pie p { text-align:center;  }