@charset "iso-8859-1";
/* CSS Document */

html,body					{ margin:0; padding:0; }
body						{ background:url(../img/fondo.jpg) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#333; }

a							{ outline:none; }
a:active					{ outline:none; }
:focus						{ -moz-outline-style: none; }

div,p,ul,li,h1,h2,h3,h4		{ margin:0; padding:0;  }
h3							{ font-width:0.5em; }
p							{ margin-bottom:10px; line-height:1.1;}

.enlace						{ text-decoration:none; color:#09C; }
.enlace2						{ text-decoration:none; color:#ffffff; }

.right 						{ 
							position:absolute;
							left:795px;
							top:-60px;
							}
/*div							{ outline:1px dashed #0F0; }*/

div#contenedor				{ position:relative; width:920px; margin:0 auto; }

div#cabecera				{ position:relative; height:70px; }
div#cabecera h1#logo		{ position:absolute; top:13px; width:262px; height:56px; background:url(../img/logo.jpg) no-repeat; overflow:hidden; text-indent:-9999px; }

div#barra					{ position:relative; width:100%; height:247px; }
div#barra h2#slogan			{ position:absolute; top:36px; width:350px; height:170px; background:url(../img/slogan.png) no-repeat; overflow:hidden; text-indent:-9999px; }

div#panel						{ z-index:2; position:absolute; top:30px; right:0; width:590px; height:285px; /*background:#CCC;*/ }
div#panel a#flechaDcha			{ display:block; position:absolute; right:0; bottom:15px; width:23px; height:23px; background:url(../img/flecha_dcha.png) no-repeat; }
div#panel a#flechaDcha:hover	{ background:url(../img/flecha_dcha_on.png) no-repeat; }
div#panel a#flechaIzda			{ display:block; position:absolute; left:0; bottom:15px; width:23px; height:23px; background:url(../img/flecha_izda.png) no-repeat; }
div#panel a#flechaIzda:hover	{ background:url(../img/flecha_izda_on.png) no-repeat; }

div#my-glider					{ position:relative; }



.section						{ color:#fff; }
.section p.arrIzda				{ margin:55px 0 0 25px; width:200px; text-align:left; /*border:1px dashed #0F0;*/ }
.section p.arrDcha				{ margin:55px 0 0 335px; width:200px; text-align:right; /*border:1px dashed #0F0;*/ }
.section p.abjIzda				{ margin:180px 0 0 25px; width:200px; text-align:left; }
.section p.abjDcha				{ margin:180px 0 0 335px; width:200px; text-align:right; }
.section p.arrCent				{ margin:55px 0 0 25px; width:520px; /*border:1px dashed #0F0;*/}
.section p.abjCent				{ margin:200px 0 0 25px; width:520px; /*border:1px dashed #0F0;*/}
.section span.nombre			{ display:block; font-weight:bold; }
.section span.desc				{ display:block; margin:3px 0 3px 0; font-size:12px; }
.section a						{ text-decoration:none; color:#09C; }
.section a:hover				{ text-decoration:underline; }

#section1						{ background:url(../img/slide01.jpg) no-repeat; }
#section2						{ background:url(../img/slide02.jpg) no-repeat; }
#section3						{ background:url(../img/slide03.jpg) no-repeat; }
#section4						{ background:url(../img/slide04.jpg) no-repeat; }
#section5						{ background:url(../img/slide05.jpg) no-repeat; }
#section6						{ background:url(../img/slide06.jpg) no-repeat; }
#section7						{ background:url(../img/slide07.jpg) no-repeat; }
#section8						{ background:url(../img/slide08.jpg) no-repeat; }

.portfolio					{height:300px; width:530px; position:absolute; text-indent:-9999px; margin: 0 10px 0 25px;}

div#contenido				{ position:relative; width:100%; height:310px; }
div#contenido a.btn			{ display:block; padding:3px; background:url(../img/btn_fondo.png) repeat-x #F7F7F7; border:1px solid #B3B4B4; color:#333; 
							  text-align:center; font-weight:bold; font-size:0.9em; text-decoration:none; }
div#contenido a.btn:hover	{ background:url(../img/btn_fondo_on.png) repeat-x #B6E0EF; border:1px solid #15A4D0; color:#fff; }							  
div.columna					{ float:right; width:230px; height:300px; padding:15px 0 0 0; text-align:center; background:url(../img/separador.jpg) right top no-repeat; }
div.columna ul				{ text-align:left; margin:15px 0 0 0; padding:0 10px 0 5px; list-style:none; }
div.columna ul li			{ margin:5px 0 0 0; padding:0 0 0 10px; /*background:url(../img/bullet.png) left 5px no-repeat;*/}
div.columna ul li span		{ display:block;padding-top:1px; font-size:0.75em; line-height:1; color:#666;}
div.columna h3#sistemas		{ width:210px; height:50px; text-indent:-999em; background:url(../img/tit_sistemas2.png) no-repeat; overflow:hidden; }
div.columna h3#programacion	{ width:210px; height:50px; text-indent:-999em; background:url(../img/tit_programacion2.png) no-repeat; overflow:hidden; }
div.columna h3#disenyo		{ width:210px; height:50px; text-indent:-999em; background:url(../img/tit_disenyo2.png) no-repeat; overflow:hidden; }

div.columna.primera			{ width:215px; background:none; text-align:left; padding:8px 0 0 15px; color:#444; }

div#pie						{ position:relative; width:100%; height:60px; }
div#pie span				{ display:block;padding-top:1px; font-size:0.75em; line-height:1; color:#666;text-align:center;}