/*----------------------------------------------------------------------------------
CSS Principal para web Eye OS

autor: Iv�n Tamayo
e-mail: ivan@art-e-facto.net
m�vil: 677 683 699

NOTAS:

Cuf�n: todas las nuevas definiciones de fuentes usando Cuf�n deben ser agregadas al
archivo js/font-rplc.js
En el markup, al elemento en que se usar� Cuf�n, se debe agregar la clase 'cufon-txt',
ya definida en js/font-rplc.js > esto har� el reemplazo de la fuente. Adicionalmente
se deben definir las propiedades de cada selector o clase en esta hoja de estilos.

Pie: las listas de enlaces del pie tiene  anchos definidos para que la propiedad float
funcione correctaemnte. En el caso de los idiomas adicionales, que variar�n el largo
de los anchors de los enlaces, se deben asignar las clases en el markup directamente,
seg�n el ancho m�s adecuado.

----------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }

/* Grid para probar ajustes */
/*body { background:url(../images/grid-horiz.png) 0 0; }*/

/* =Common
------------------------------------------------------*/
body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; margin:0; padding:0; }
a { outline-style:none; }
a:link, a:visited, a:active { color:#727272; text-decoration:none; }
a:hover { color:#E75E00; text-decoration:underline; }
.clear { clear:both; font-size:1px; line-height:0; }
ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
li { list-style-type:none; }

/* =Headings
------------------------------------------------------*/
h1 { float:left; height:49px; margin-bottom:14px; margin-top:16px; width:163px; }
h1 a { background:url(../images/logo-eyeos.png) no-repeat; display:block; height:49px; text-indent:-9000px; }

h2 { color:#74A100; font-size:20px; margin-left:8px; }
h2.special{ color:#313131; font-size:20px; margin-left:8px; }

/* =Structure
------------------------------------------------------*/
#wrapper { font-size:13px; margin:0 auto; padding:0; position:relative; width:960px; }
#main-nav { background:url(../images/bg-nav.png) no-repeat; position:relative; height:33px; margin-bottom:15px; width:960px; z-index: 10000}
#slider { height:290px; overflow:hidden; position:relative; width:960px; z-index: 1}
.subtitle { margin-left:10px;margin-bottom:30px;}
.grid { float:left; margin-left:15px; width:305px; }
#intro .alpha, #fast-content .alpha, #interior-content .alpha { margin-left:8px; }

#footer { background:url(../images/bg-footer.gif) repeat-x #4C4C4C; margin-top:30px; padding:30px 0; width:100%; }

#sponsors-home { background:#F8F8F8; border:1px solid #D5D5D5; border-width:1px 0 1px 0; height:112px; margin-bottom:26px; margin-top:17px; width:960px; }

.blocks-spacer { background:#E4E4E4; display:block; height:1px; margin-bottom:28px; margin-top:10px; margin-left:8px; width:945px; }

/* =Styling Header Nav Options
------------------------------------------------------*/
#header .nav-options { color:#727272; float:right; height:21px; margin-top:40px; }
.nav-options > li { float:left; margin-left:15px; }
.nav-options li#languages { margin-left:1px; }
.nav-options li a:link, .nav-options li a:active, .nav-options li a:visited { color:#727272; text-decoration:none; }
.nav-options li a:hover { color:#CCC; text-decoration:underline; }
.nav-options li.separator { background:url(../images/bullet-grey-navtop.png) no-repeat left center; }
.nav-options li.separator a { margin-left:15px; }
#languages select:focus { outline:none; }

#languages .newListSelected {background:#FFF url(../images/select-arrow.png) no-repeat scroll right 6px; border:none; color:#000; height:17px; padding:0;}
#languages .newListSelected div { display:block; padding:0 15px 2px 7px; text-align:left !important; }
#languages ul.newList { background:#fff; border:1px solid #E4E4E4; top:22px; left:0; height:auto; overflow:auto; text-align:left!important; padding:2px; position:absolute; z-index:9999; }
#languages ul.newList li { padding:0; width:90px; }
	ul.newList li a { display:block; padding:2px 5px; }
#languages .hiLite { font-weight:bold;}
#languages .newListHover { color:#000;}
#languages .newListSelHover {cursor:default;}
#languages .newListSelHover, #languages .newListSelFocus {background-position:auto; outline:none; }
#languages .newListSelHover div, #languages .newListSelFocus div { outline:none; }


.search { background:url(../images/bg-search.png) no-repeat scroll; height:23px; width:152px; background-position: 0px 0px; }
#searchform { height:17px; width:152px; }
#searchform input { background:none; border:0 none; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:13px; height:17px; letter-spacing:-0.06em; padding:2px 0 0 11px; width:132px; }
#searchform input:focus { outline:none; }

/* =Styling Box Contents Home
------------------------------------------------------*/
#intro, #fast-content, #interior-content { color:#606060; }
#fast-content { background:url(../images/lines-fastcontent.gif) repeat-y 313px 0; }

.arrowlist li{
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 .1em;
	padding-left: 1.2em;
	margin-left:5em;
	margin-top:1em;
}
/* Primer bloque de contenidos: Features */
	.feature {  margin-top:30px; }
	.feature h3 { font-size:18px; }
	.feature h3 a:link, .feature h3 a:visited, .feature h3 a:active {color:#313131; padding-bottom:1px; text-decoration:none; }
	.feature h3 a:hover { background:url(../images/underline-orange.png) repeat-x bottom left; color:#E75E00; }
	.feature img { float:left; margin-top:15px; }
	.feature p { float:right; margin-bottom:10px; margin-top:15px; width:249px; }

	.block-featured { background:url(../images/border-block-featured.png) no-repeat bottom left; height:218px; padding-top:23px; text-align:center; }
	.block-featured h3 { background:url(../images/bg-tit-blockfeat.png) 0 1px no-repeat; color:#FFF; font-size:18px; height:29px; margin-bottom:34px; padding-top:4px; text-align:left; text-indent:23px; }
	.block-featured a:link, .block-featured a:visited, .block-featured a:active { color:#74A100; font-size:25px; font-weight:bold; line-height:1em; text-align:center; }
	.block-featured a:hover { background:url(../images/underline-orange.png) repeat-x bottom left; color:#E75E00; text-decoration:none; }
	.block-featured p { color:#A4A4A4; font-size:20px; margin-top:22px; }

/* Segundo bloque de contenidos: News, Blog, Events */

	.news h3, .blog h3, .events h3 { color:#313131; font-size:18px; margin-bottom:15px; text-indent:24px; }
	.news h3 { background:url(../images/icon-tit-news.png) no-repeat 0 5px; }
	.blog h3 { background:url(../images/icon-tit-blog.png) no-repeat 0 5px; }
	.events h3 { background:url(../images/icon-tit-events.png) no-repeat 0 5px; }
	
	.news ul, .blog ul, .events ul { margin-bottom:16px; }
	
	.news a.title:link, .news a.title:visited, .news a.title:active,
	.blog a.title:link, .blog a.title:visited, .blog a.title:active,
	.events a.title:link, .events a.title:visited, .events a.title:active
	{ color:#003990; font-size:14px; text-decoration:none; }
	
	.news a.title:hover, .blog a.title:hover, .events a.title:hover
	{  background:url(../images/underline-orange.png) repeat-x bottom left; color:#E75E00; }
	
	.news .date, .blog .date, .events .date { color:#AEAEAE; line-height:1.2em; }
	.news ul li.intro-txt, .blog ul li.intro-txt { line-height:1.2em; padding-right:3px; padding-top:3px; }

/* =Styling Box Contents Interior
------------------------------------------------------*/
	#interior-content { padding-bottom:6px; }
	#interior-content h2 { margin-bottom:24px; }
	.interior-feat { margin-top:0; }
	.interior-feat h3 { clear:both; font-size:18px; }
	.interior-feat h3 a:link, .interior-feat h3 a:visited, .interior-feat h3 a:active {color:#313131; padding-bottom:1px; text-decoration:none; }
	.interior-feat h3 a:hover { background:url(../images/underline-orange.png) repeat-x bottom left; color:#E75E00; }
	.interior-feat img.iconfeat { float:left; margin-top:15px; }
	.interior-feat p { float:right; margin-bottom:10px; margin-top:15px; width:249px; }
	.interior-feat ul li:first-child { height:105px; margin-bottom:39px; }
	
	.interior-txt { margin-top:0; }
	.interior-txt h3 { font-size:18px; margin-top:26px; color: #333333; }
	.interior-txt h3:first-child { margin-top:0; }
	.interior-txt p { margin-bottom:10px; margin-top:15px; }
	
	#interior-content #main-img-container { height:290px; margin-bottom:27px; margin-left:8px; margin-top:10px; overflow:hidden; width:945px; }

/* =Styling Page Info Interior
------------------------------------------------------*/
	.page-headings { margin-left:8px; margin-top:27px; width:945px; }
	.page-headings span { color:#313131; float:left; font-size:20px; font-weight:bold; }
	.page-headings ul { float:right; }
	.page-headings ul li { float:left; margin-left:15px; padding-top:5px; }
	.page-headings a.current { color:#74A100; }

/* =Styling Box Sponsors
------------------------------------------------------*/
#sponsors-home ul { margin-left:8px; }
#sponsors-home ul li:first-child { width:145px; }
#sponsors-home li { color:#313131; float:left; height:111px; width:157px; }
#sponsors-home li .cufon-txt { font-size:16px; font-weight:bold; line-height:7em; }
#sponsors-home a { margin-left: 60px; display:block; height:111px; text-indent:-9000px; width:200px; }
	#sponsors-home a.first { margin-left: 25px; background:url(../images/sponsors-ibm.png) no-repeat; }
	#sponsors-home a.second { margin-right: 40px; background:url(../images/sponsors-telefonica.png) no-repeat; }
	#sponsors-home a.third { margin-right: 20px; background:url(../images/sponsors-redhat.png) no-repeat; }
	#sponsors-home a.fourth { background:url(../images/sponsors-diputaciobcn.png) no-repeat; }
#sponsors-home a:hover { background-position:bottom left; }

/* =Styling Footer
------------------------------------------------------*/
#footer { font-size:13px; }
#footer .fast-links ul { float:left; margin-right:6px; }
#footer ul.last { margin-right:0; }
#footer ul.xs { width:100px; }
#footer ul.s { width:122px; }
#footer ul.m { width:160px; }
#footer ul.l { width:170px; }
#footer .fast-links { border-bottom:1px solid #5E5E5E; margin:0 auto; padding-bottom:30px; padding-left:8px; width:952px; }
	.fast-links a:link, .fast-links a:visited, .fast-links a:active  { color:#B8B8B8; line-height:1.2em; text-decoration:none; }
	.fast-links a:hover  { color:#FFF; text-decoration:underline; }
	.fast-title { color:#FFF; font-size:14px; font-weight:bold; margin-bottom:3px; }
#footer .company-links { color:#B8B8B8; margin:0 auto; padding-top:17px; position:relative; text-align:center; width:960px; }
	.company-links .copyright { position:absolute; left:8px; top:17px; }
	.company-links .social-networks { position:absolute; right:7px; top:17px; }
	.company-links .about { position:absolute; left:313px; top:17px; }
		.company-links .about a:link, .company-links .about a:visited, .company-links .about a:active { color:#B8B8B8; text-decoration:none; }
		.company-links .about a:hover { color:#FFF; text-decoration:underline; }
		.social-networks li { background:url(../images/bullet-footer.png) left center no-repeat; float:left; }
		.social-networks li:first-child { background:none; margin-left:0; }
		.social-networks a { display:block; height:16px; text-indent:-9000px; margin-left:8px; margin-right:8px; }
			.social-networks a[title="Twitter"] { background:url(../images/icon-twitter.png) no-repeat; width:9px; }
			.social-networks a[title="RSS"] { background:url(../images/icon-rss.png) no-repeat; width:15px; }
			.social-networks a[title="Facebook"] { background:url(../images/icon-facebook.png) no-repeat; width:8px; }
		
		.about li { background:url(../images/bullet-footer.png) left center no-repeat; float:left; margin-right:8px; padding-left:8px; }
		.about li:first-child { background:none; padding-left:0; }



.section-communities-box {
	position: absolute;
	text-align: left;
	top: 20px;
	width: 125px;
}

.section-communities-box-title {
	font-size: 20px;
	margin-bottom: 13px;
	margin-top: -13px;
	text-align: center;
}

.section-communities-continent {
	height: 40px;
	position: absolute;
	overflow: hidden;
	width: 110px;
}

.section-communities-continent:hover {
	overflow: visible;
}

.section-communities-continent img {
	border-bottom: 1px solid transparent;
	display: block;
	height: 40px;
}

.section-communities-menu {
	background-color: #eeeeee;
	border: 1px solid #aaaaaa;
	line-height: 1.8;
	max-height: 200px;
	overflow: auto;
	overflow-x: hidden;
	padding: 3px;
}

label.form {
	width: 80px;
	float: left;
	position: relative;
	display: block;
	margin: 3px;
}

input.form {
	float: right;
	position: relative;
	display: block;
	width: 320px;
	margin-bottom: 0.7em;
	margin-right: 1.2em;
}

table {
	color: #535353;
	font-family: "Lucida Grande",sans-serif;
	font-size: 12px;
	line-height: 1.6;
	text-align: justify;
}

th {
	background-color: white;
	padding: 3px;
	text-align: center;
}


.section-button {
	border-top: 1px solid #858585;
	border-bottom: 1px solid #858585;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	font-size: 11px;
	height: 22px;
	background-image: url(../../get/images/button.png);
}

.section-button:hover {
	border-top: 1px solid #6fa1e0;
	border-bottom: 1px solid #6fa1e0;
	border-left: 1px solid #a1c6f3;
	border-right: 1px solid #a1c6f3;
}

.downloads-table {
	border-collapse: collapse;
	width: 100%;
}

.downloads-table tr:hover {
	background-color: #eeeeee;
}

.downloads-table td {
	padding: 3px;
}

br {
	clear: both;
}

a.tryitnow {
	width: 103px;
	height: 20px;
	display: block;
	position: absolute;
	left: 179px;
	top: 256px;
	background-image: url('../images/tryitnow.png');
	background-position: top right;
}

a.tryitnow:hover {
	text-decoration: none;
	background-position: bottom right;
}

a.customer {
	width: 236px;
	height: 100px;
	display: block;
	float: left;
	position: relative;
	background-position: top left;
}

a.customer:hover {
	background-position: top right;
}

label.customertitle {
	width: 120px;
	display: block;
	float: left;
	position: relative;
	color: #707070;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin-right: 5px;
}

label.customerdesc {
	display: block;
	float: left;
	width: 500px;
	text-align: justify;
	font-size: 12px;
	position: relative;
	color: #8C8C8C;
}