@CHARSET "UTF-8";
html {
	background-color: #C4C4C4;
}

body {
	background-color: #C4C4C4;
	color:#000;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
}
#documento { width:69.23em;*width:67.56em;min-width:900px; margin:auto; text-align:left; 
	 -moz-box-shadow:3px 0 20px #737373, -3px 0 20px #737373;/* 0px 3px 14px #999, -13px 0px 15px #ddd;*/
	 -webkit-box-shadow: 3px 0 20px #737373, -3px 0 20px #737373;
	 box-shadow: 3px 0 20px #5F5E5E, -3px 0 20px #737373;
}

.top {
	height:99px;
	background: url("/img/headFibra2.jpg") repeat scroll 0 0 #eee;/*#E7211D;*/
	padding:10px;
}
.logoPos {
	position:absolute;
	margin-left:25px;
	margin-top:19px;
}
.menuPos {
	position: relative;
	top: 69px;
	
	z-index:89;
	width: 621px; 
	left: -26px;
}
.searchBar {
position:relative;
	background:#FFFFFF;
	width:90px;
	left:790px;
	top:-37px;
	position:relative;
	height:15px;
}
.inputSearch {
	background-color:transparent;
	border:0px;
	position:relative;
	width:68px;
	font-size:75%;
	bottom:3px;
	left:1px;
	color:#707173;
	padding:0px;
}
.inputSearchGrande {
background-color:transparent;
border:1px solid #DDDDDD;
bottom:3px;
font-size:16px;
margin-bottom:20px;
margin-left:9%;
margin-right:auto;
padding:0;
text-align:center;
width:80%;
color:#ff0000;
		 border-radius : 0px; 
  -moz-border-radius : 0px; 
  -webkit-border-radius : 0px; 
}

.privArea {
position: absolute;
 left: 629px;
  top: -85px;
width: 250px;
color:#FFF;
text-align:right;
}

.privArea a, .privArea a:visited {
color:#FFFFFF;
text-decoration:none;
}

.privArea a:hover {
color:#666;
}

/*  Menu jLavaLamp  */


        .lavaLampWithImage {
            position: relative;
            height: 29px;
            width: 550px;
            background: transparent;/*url("../img/bgMenu.gif") no-repeat top;*/
            padding: 5px 5px 5px 40px;
            margin: 10px 0;
            overflow: hidden;
			-moz-border-radius:10px;
			-webkit-border-radius: 10px;
			font-size:12px;
		}
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
					margin:auto 10px;
                }
                    .lavaLampWithImage li.back {
                        background: transparent;/*url("../img/lava.gif")  no-repeat right -30px;*/
                        width: 9px; 
						height: 16px;
						top:9px;
                        z-index: 8;
                        position: absolute;
						-moz-border-radius:0px;
						-webkit-border-radius: 0px;
						border-bottom:1px solid #aaa;
						
						margin-left:0px;
                    }
                        .lavaLampWithImage li.back .left {
                            background: transparent; /*url("../img/lava.gif") no-repeat top left;*/
                            height: 18px;
                            margin-right: 7px; /* 7px is the width of the rounded shape */
							-moz-border-radius:10px;
							-webkit-border-radius: 10px;
							-moz-border-radius-bottomleft:0px;
							-webkit-border-bottom-left-radius: 0px;
							padding:1px;
                        }
                    .lavaLampWithImage li a {
                        font: normal 80% Arial, Helvetica, sans-serif;
                        text-decoration: none;
                        color: #707173;
                        outline: none;
                        text-align: center;
                        top: 8px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 1px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }

        
		
		/**/

.header {
	height:30px;
	/* -moz-box-shadow: 0px 0 2px #000000;
	 -webkit-box-shadow: 0px 0 2px #000000;
	 box-shadow: 0px 0 2px #000000;*/
}
.titHeader {
	position: relative; 
	float: none;
	left: 0px;
	padding:12px 0 7px 32px;
	top: 0px;
	opacity:1;
	background-color:#fff;
	border-bottom: 1px solid #DADADA;
}
.contenido {
	background-color:#fff;
	color:#707173;
	padding:17px 35px 26px 35px; /* 0 35px 26px 35px;/*26px 35px;*/
	text-align:justify;
	
}
.contenido span
{
	font-size:100%;
	line-height:18px;
	letter-spacing: -0.3px;
}
.contSeccion 
{
	width: 72%; border-left: 1px solid #D9D9D9; margin-left: 0px; padding-left: 36px;
	text-align:justify;
}
.listaContenido li {
	list-style:disc inside none;
	margin:0 0 1px 0;
}
.listaContenidoGrande li {
	list-style:disc outside none;
	margin:5px 0 10px 14px;
}

.menuSeccion {
	width:26%; 
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	/*font-size:93%;*/
	text-transform:uppercase;
	color:#707173;
	
}
.menuSeccion ul li{
	list-style: square outside url(../img/arrowbullet.png);
	line-height:2.4em;
	text-align: left;
}

.menuSeccion ul li span {
	color:#707173;
}
.menuSeccion ul li a,.menuSeccion ul li a:visited {
	color:#707173;
	text-decoration:none;
}
.menuSeccion ul li a:hover,.menuSeccion ul li a.selected {
	color:#000000;
	text-decoration:none;
}

.menuSeccion ul ul li{
	list-style: square outside none;
	line-height:1.9em;
	font-size:9px;
	margin-left:27px;
}
.menuSeccion ul li span {
	color:#000;
}

h1 {
	font-size:250% ;
	font-weight:bold;
	color:#000000; /*#1a181c;*/
	font-family:Arial, Helvetica, sans-serif;
	
	/*text-shadow:1px 1px 4px #EEEEEE, 2px 3px 5px #000000;*/
}

h2 {
	font-size:138.5%;
	color:#000000;
	padding:5px 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.titProducto {

	color:#000000;
	margin-bottom:5px;
	margin-top: 6px;
	font-weight:normal;
}
.imgProducto {
	float:right;
	margin-top: 0px;
	padding:4px 0 8px 22px;
}
.imgProducto a {color:#666;}
.caracteristicas {font: 93% Arial,Verdana,Geneva,Helvetica,sans-serif;}
.caracteristicas div {text-align:left;}
.caracteristicas div span {font-weight:bold;text-align:left;}
.fotoSubTabla {position: relative; float: left; padding: 0pt 15px 0pt 15px; margin-top: 8px;}
.infoSubTabla { position:relative;float:left;width:400px;}
.subTit {background-color:#FFFFFF;border-top:1px solid #EEEEEE;margin-bottom:25px;margin-top:40px;padding-top:20px;}

.proyecto {
	background-color:#FFFFFF;
	border:0px solid #DEDEDE;
	color:#707173;
	height:60px;
	padding:0px;
	
	/*-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius:5px;*/
	margin-right:36px;
	margin-bottom:11px; /*asdf*/

}
.proyecto:hover {
	background-color:#FBFBFB;
}

.videoPlayer {
	background-color:#000;
	font-size:16px;
	height:300px;
	margin-bottom:30px;
	margin-top:20px;
	position:relative;
	text-align:center;
	width:100%;
}
#videoPlayer {
	background-color:#000;
	}

.nav {
float:none;
font-size:12px;
left:0;
margin-top:-20px;
position:absolute;
text-align:center;
width:100%;
}
.nav a{
	padding:0 6px;
}

.nav .highlight {
	color:#000000;
}
.nav a, .nav a:visited {
color:#888888;
text-decoration:none;
}

.pie {
	height:auto;
	background-color:#F3F3F3;
	padding:10px 30px;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	border-top:1px solid #DADADA;
	
}
.pie a:link,.pie a:visited {
	color:#777;
	text-decoration:none;
}
.pie a:hover {
	text-decoration:underline;
}
.pie .selected {
	text-decoration:underline;
}

.feed {
  margin-right: 3px;
  padding: 0 19px 0 0;
  background: url("../img/feed-icon-14x14.png") no-repeat scroll 100% 50% transparent;
} 

.description {

position: relative; text-align: justify; margin-top: 20px; font-size: 9px; color: #434343; left: 0px; width: 839px; padding-left: 0px; 
margin: 20px auto 15px;
/*
 background-color:#E7211D;
color:#FCFCFC;
font-size:9px;
left:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding:10px 38px 20px 30px;
position:relative;
text-align:justify;
width:auto; 
*/


}





/* Formas */
.contacto form {
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:10px;
}
.contacto form input,.contacto form textarea {
	border:1px solid #ddd;
	padding: 1px;
	background-color:#E0E0E0;
	color:#666;
		 border-radius : 0px; 
  -moz-border-radius : 0px; 
  -webkit-border-radius : 0px; 
}

.contacto form button {
	cursor:pointer;
	border:1px solid #ccc;
	padding: 1px 5px;
	background-color:#E7211D;
	color: #fff;
	margin-left:0px;
	opacity:0.95;
	filter:alpha(opacity='95');
			 border-radius : 0px; 
  -moz-border-radius : 0px; 
  -webkit-border-radius : 0px; 
}
.contacto form button:hover {
	opacity:1;
	filter:alpha(opacity='100');
}

label.error {
	font-size:10px;
	color:#f00;
}



form {
	font-family: Helvetica;
	font-size: 16px;
	color: #707173;
}

form input, form textarea {
	border:1px solid #666;
	padding: 5px;
	background-color:#eee;
	color:#000;
		 border-radius : 10px; 
  -moz-border-radius : 10px; 
  -webkit-border-radius : 10px; 
}
form button {
	background-color: #E7211D;
	color:#fff;
	margin:10px;
	padding:10px;
	opacity:0.7;
	filter:alpha(opacity='70');
	text-decoration:none;
		-moz-border-radius:10px;
		-webkit-border-radius: 10px;
		border-radius:10px;
		
		
		cursor:pointer;
		border:0px;
}
form button:hover {
		opacity:1;
	filter:alpha(opacity='100');
}

select {
	background-color:#E7211D;
	border:1px solid #ddd;
	color:#FFf;
	font-size:16px;
	margin-bottom:-3px;
	margin-right:5px;
	margin-top:-3px;
	padding:0;
	text-align:center;
	width:auto;
}



/*Gestion*/

.mainSplash {
	color:#FFFFFF;
	left:50%;
	line-height:41px;
	margin-left:-290px;
	position:absolute;
	top:30%;
	width:580px;
}

.linkBtn, .linkBtn:visited {
	background-color: #E7211D;
	color:#fff;
	margin:10px;
	padding:3px;
	opacity:0.9;
	filter:alpha(opacity='90');
	text-decoration:none;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
		border-radius:5px;
		
		
}
.linkBtn:hover {
		opacity:1;
	filter:alpha(opacity='100');
}

.wrapMain {
position: relative;
width: 100%;
height: auto;
}


.menuIzq {
	position: absolute;
	left: 0px;
	width: 143px;
	top:55px;
	height: auto;/*80%;*/
	background-color: #E7211D;
	width: 157px;
	line-height: 20px;
	padding: 8px;
	float:left;
	opacity:1;
	
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomright:38px;
	-moz-border-radius-topright:38px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 38px;
	-webkit-border-top-right-radius: 38px;

	text-align:left;
	
}
.menuIzq a,.menuIzq a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
  	padding: 0;
	width: 164px;/* 143px; */
	border: 0px solid #ffffff;
	position:relative; 
	cursor:pointer;
	left:5px;
	padding-left:4px;
}

.menuIzq a:hover{
	border: 1px solid #fff;
	background-color: #ff0000;
		
		-moz-border-radius:4px;
		-webkit-border-radius: 4px;
		border-radius:4px;
		

}

.contGestion {
	background-color:#fff;
	height:auto;
	text-align:left;
	left:200px;
	margin-bottom:10px;
	padding:20px;
	position:relative;
	top:56px;
	width:70%;
		-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
}

.listaGestion {
list-style:none;
}
.listaGestion li {
margin:10px 10px 40px;
padding:10px;

background-color:#ddd;
border: 1px #fff solid;
	height:152px;
	border-radius:20px;
		-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	min-width:690px;
	
}
.listaGestion li:hover {
border:1px #222 solid;
background-color:#eee;
}
.numLista {
	color:#ccc;
	font-size:44px;
	position:relative;
	float:right;	
	top:-10px;
}

.alerta {
	background-color:#EEEEEE;
	color:#FF0000;
	height:15px;
	left:50%;
	margin-bottom:10px;
	margin-left:-150px;
	padding:12px 20px 8px;
	position:absolute;
	top:-20px;
	width:auto;
	
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius: 16px;
}


/*Uploadify*/
#fileQueue {
	width: 290px;
	height: 50%;
	overflow-y: auto;
	overflow-x:hidden;
	position:relative;
	left:-19px;
	border: 1px solid #E5E5E5;
	margin-bottom: 10px;
	border: 1px solid rgb(229, 229, 229); 
	padding: 1px; 
	height: 225px; 
	margin-bottom: 10px;
}

#fileQueue a {
    color: #fff;
    padding: 0px;
	width:auto;
	height:auto;
	font-size:9px;
	left:auto;
	border:0px;
	/*background: transparent url('file:///Users/fortes/Desktop/WTC%20lol/sistema/img/gradient.png') repeat scroll 0px 0px;*/
	
	background: #222222 url(../img/menubak.png) repeat scroll 0 -30px;
  }

#fileQueue a:hover {
  
	background: #fff url(../img/menubak.png) repeat scroll 0 0;
  }
  
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 250px;
}

.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #Ff0000 !important; /*#FDE5DD*/
}

.uploadifyQueueItem .cancel {
	float: right;
}

.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}

.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

/* generales */

.clear {clear: both;}
.ico {height: 18px;margin-left: 10px; position: relative;top: 5px;}
.ico1 {height: 18px;margin-left: 2px; position: relative;top: 5px;}

/* Portada */
.portada {font-size: 9px;}
.portada p {margin: 0 0 20px; text-align: left;}
.portada .img-portada {float: left; width: 428px;margin-right: 20px;}
.portada .col-right {padding-left: 448px;}
.portada .col-right ul {padding-left: 20px;}
.portada .subtxt-portada {color: #000; width: 240px;position: relative;margin-top: 30px;}
.portada .subtxt-tecnologia {width: 428px;position: relative;margin-top: 30px;}
.portada .subtxt-projectos {width: 310px;position: relative;margin-top: 30px;}
.portada .subtxt-projectos p { margin-left: 154px;}
.portada .link-brochure a {margin-top: 30px;}
.portada .link-brochure a {color: #999;text-decoration: none;}
.portada .link-brochure a:hover {text-decoration: underline;}

.portada .noticia-portada {float: left;margin:5px; height: 140px;}
.portada .noticia-portada .mask {height: 95px; overflow: hidden; width: 127px;}
.portada .noticia-portada h2 {font-size: 11px; text-transform: inherit;width: 127px; padding:2px 0 0 0;color: #000;text-align: left;}
.portada .noticia-portada img {width: 127px; height: auto; } 


.portada .img-portada {float: left; width: 428px;margin-right: 20px;}
.portada .col-right {padding-left: 448px;}
.portada .cat-proyectos {float: left;margin:5px 10px 5px 0; height: 120px;overflow: hidden; width: 116px; }
.portada .cat-proyectos .mask {height: 85px; overflow: hidden; width: 116px;}
.portada .cat-proyectos h2 {font-size: 11px;text-align: left; text-transform: none;width: 116px; padding:2px 0 0 0; color: #000;}
.portada .cat-proyectos h3 {font-size: 9px; text-transform: lowercase;width: 116px; padding:2px 0 0 0; color: #000;}
.portada .cat-proyectos img {width: 116px; height: 96px; }
.portada .caption {color: #000;font-size: 11px;}
.portada .subtxt-projectos {color: #000; width: 310px;position: relative;margin-top: 15px;} 
.portada .subtxt-projectos p { margin-left: 154px;}


.proyectos {color: #000;font-size: 9px; text-align: left;}
.proyectos p {margin: 0 0 20px; text-align: left;}
.proyectos .img-portada {float: left; width: 428px;margin-right: 20px;}
.proyectos .col-right {padding-left: 448px;}
.proyectos .cat-proyectos {float: left;margin:5px 10px 5px 0; height: 120px;overflow: hidden; width: 116px; }
.proyectos .cat-proyectos .mask {height: 85px; overflow: hidden; width: 116px;}
.proyectos .cat-proyectos h2 {font-size: 11px; text-align: left; text-transform: none;width: 116px; padding:2px 0 0 0; color: #000;}
.proyectos .cat-proyectos h3 {font-size: 9px;width: 116px; padding:2px 0 0 0; color: #666;}
.proyectos .cat-proyectos img {width: 116px; height: 96px; }
.proyectos .caption {color: #000; font-size: 11px;}
.proyectos .subtxt-projectos {color: #000; width: 310px;position: relative;margin-top: 15px;}
.proyectos .subtxt-projectos p { margin-left: 154px;}

.proyectos .cat-proyectos.list { width: 130px;min-height: 150px;overflow: visible; }
.proyectos .cat-proyectos.list .mask {height: inherit; overflow: hidden; width: inherit;}
.proyectos .cat-proyectos.list img {width: 130px; height: 100px; }

.proyectos.list .sub-titulo {font-size: 14px;font-weight: bold;margin-bottom: 20px;}

.proyectos #tabs #introduccion .tit {font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.proyectos #tabs #introduccion .sub-tit {font-size: 12px; font-weight: bold; margin-bottom:10px;padding-top: 30px; clear: both;display: block;}
.proyectos #tabs #introduccion .img {float: left;margin-right: 15px;}
.proyectos #tabs #introduccion .img img {max-width: 550px; height: auto;}

.proyectos .cat-proyectos.otros { width: 85px;min-height: 130px;margin: 5px 4px 0 0; }
.proyectos .cat-proyectos.otros .mask {height: 65px; overflow: hidden; width: 85px;}
.proyectos .cat-proyectos.otros img {width: 85px; height: 65px; }
.proyectos .cat-proyectos.otros h2,.proyectos .cat-proyectos.otros h3 {width: 80px; }

.proyectos #imagenes #image{height:auto;width:400px;overflow: hidden;float: left;}
.proyectos #imagenes #image img {max-width: 400px; height: auto;}
.proyectos #imagenes .thumbs {position: relative; margin-left: 410px;}
.proyectos #imagenes .thumbs .image {height: 60px; float:left;margin-right:10px;margin-bottom:10px;}


.proyectos #productos .producto {width: 140px; min-height: 130px;float: left;margin-right: 15px;margin-bottom: 30px;}
.proyectos #productos .producto .img {height: 90px; overflow: hidden;}
.proyectos #productos .producto img {width: 140px; height:auto;}
.proyectos #productos .producto .nombre a {font-size: 10px;padding-top: 5px; text-transform: none;color: #777;text-decoration: none;display: block;}

#accordion {margin-top: 30px;} /*porgo el color blanco, por el "1" que aparece por el echo require_once*/
#accordion h3 {border-bottom: 1px solid #000;font-size: 11px;margin-bottom: 15px; padding-bottom: 4px;}
#accordion h3 a {text-decoration: none; color: #000;}
#accordion .head {background: url(../img/ico_plus.jpg) no-repeat;}
#accordion .head.active {background: url(../img/ico_min.jpg) no-repeat;}
#accordion .head.uno {background-position: 65px 3px;}
#accordion .head.dos {background-position: 48px 3px;}
#accordion .head.tres {background-position: 32px 3px;}
#accordion.es .head.uno {background-position: 64px 3px;}
#accordion.es .head.dos {background-position: 58px 3px;}
#accordion.es .head.tres {background-position: 49px 3px;}


#tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; float: left; width: 120px; }
#tabs .ui-tabs-nav li { list-style: none; margin: 3px 0;  white-space: nowrap; }
#tabs .ui-tabs-nav li a { text-decoration: none;color: #666 }
#tabs .ui-tabs-nav li.ui-tabs-selected { }
#tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;color: #000; }
#tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; width: 700px; margin-left: 120px; }
#tabs .ui-tabs-hide { display: none !important; }

#sortable, #sortable0, #sortable1, #sortable2,#sortable3,#sortable4,#sortable5,#sortable6,
#sortablefoPunto,#sortablefoFinal,#sortablefoLateral,#sortablefoAcFijacion,#sortablefoAcIluminadores,#sortablefoAcIluminadoresAc
 { list-style-type: none; margin: 0; width: 140px;
 padding: 15px; float: left; margin-right: 10px;background: #eee; }
#sortable li, #sortable0 li, #sortable1 li, #sortable2 li, #sortable3 li, #sortable4 li, #sortable5 li, #sortable6 li,
#sortablefoPunto li,#sortablefoFinal li,#sortablefoLateral li,#sortablefoAcFijacion li,#sortablefoAcIluminadores li,
#sortablefoAcIluminadoresAc li
 { margin: 0 5px 5px 5px; padding: 2px; font-size: 9px; width: 128px;border: solid 1px #333;color: #000;cursor:pointer; }
#sortable li:hover, #sortable0 li:hover, #sortable1 li:hover, #sortable2 li:hover, #sortable3 li:hover, #sortable4 li:hover, #sortable5 li:hover, 
#sortable6 li:hover,#sortablefoPunto li:hover,#sortablefoFinal li:hover,#sortablefoLateral li:hover,#sortablefoAcFijacion li:hover,
#sortablefoAcIluminadores li:hover,#sortablefoAcIluminadoresAc li:hover {background:#666; }
#accordion.backend h3 {padding-left: 20px;}
#accordion.backend {float: left;margin-right: 30px;margin-top: 0;width: 200px;}