html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin:0;padding:0;}
ul,li {list-style-type:none;}

html {margin: 0;padding: 0;font-size: 100%;}

/* font-size de 62.5% = 10px. 1em = 10px, 1.1em = 11px 1.2em = 12px */
body {font-family: Arial, sans-serif; padding: 0;font-size: 62.5%; background: #fc0 url(../images/bg.gif) center top repeat-x;}

/* setting classes */

.clearing { clear: both; }
.clear { clear: both; }
.clearRight {clear: right;}
.clearLeft {clear: left;}
.left {float: left;}
.right {float: right;}
.hide {display: none;}
a img {border: none;}

/* main styles */

#mainWrapAl {margin: 0 auto; width: 960px; background: url(../images/mainbg.jpg) no-repeat top center; position: relative; clear: both;  z-index: 500; overflow: visible;}   
#mainContainer {width: 825px; margin: 0 auto; clear: both; position: relative;}

/* styles */

.titleContainer {background: url(../images/cupbg.gif) no-repeat top left; clear: both; float: left; height: 135px;}
.titleContainer h2.titulo {background: url(../images/sitetitle.gif) no-repeat; display: block; width: 278px; height: 64px; position: relative; margin: 30px 0 0 100px}

.genDesc {color: #fff; font-size: 12px; width: 320px; height: 145px; float: left; margin-top: 0px;}
.genDesc h1#logo {background: url(../images/cdrmovillogo.png) no-repeat; display: block; float: left; height: 31px; width: 155px; margin-right: 20px; clear: both; padding-bottom: 10px;}
.genDesc h1#logo a {display: block; float: left; height: 59px; width: 55px;}
a.cdr {font-weight: bold; color: #fff}
.genDesc span.desc {display: block; width: 300px;}
.absoluteContainer {height:20px; width:20px;}

/* slideshow */
.slideshow {padding-bottom: 38px; background: bottom center url(../images/shadow.png) no-repeat; width: 253px; height: 351px; position: absolute; right: 80px; top: 23px; z-index: 2000; overflow: hidden;}

#slider {height: 351px; width: 253px; overflow: hidden;}

a.tutorial {display: block; height: 39px; width: 126px; position: absolute; right: 140px; top: 428px; z-index: 5000; cursor: pointer; overflow: hidden}

.foto {position: absolute; z-index: 900; right: 330px; top: 131px;}
.foto img {}

#gContainer {padding: 10px 0 0px 0; font-size: 11px; width: 580px; position: relative;}
#gContainer #download, #gContainer .social {margin-right: 35px;}
#gContainer #download, #gContainer .social {margin-bottom: 15px}
#gContainer .movil {left: 360px;}
#gContainer h2 {display: block; height: 22px; width: 150px; clear: both; margin-bottom: 10px;} 

/* botones de download */
#gContainer #download {float: left; width: 156px;}
#gContainer #download img {margin-bottom: 6px;}
#gContainer #download h2 {background: url(../images/titulos.png) no-repeat;}
/* social */
#gContainer .social {float: left; width: 135px;}
#gContainer .social h2 {background: url(../images/titulos.png) no-repeat 0 -22px;}
/* movil */
#gContainer .movil {position: absolute;}
#gContainer .movil h2 {background: url(../images/titulos.png) no-repeat 0 -44px; height: 24px;}
#gContainer a {}
#gContainer a.movilink {padding: 2px 0; display: block; clear: both; color: #000;  font-weight: bold; font-size: 12px;}
#gContainer .movil img.movil {margin: 5px 0 0 -5px;}
#gContainer .movil span.req {font-size: 10px; color: #383838; display: block; width: 170px; padding-top: 10px;}
#gContainer .movil span.opera {padding-left: 30px; float: left; background: url(../images/operaicon.png) no-repeat; height: 30px}
#gContainer .movil span.opera a.info {display: block; color: red}
/* caracteristicas */
#caracts {float: left; font-size: 12px; padding-top: 10px; width: 100%}
#caracts .item {float: left; width: 275px; color: #2b2b2b;}
#caracts span.descripcion {padding: 20px; clear: both; display: block;}

/* contrato / tutorial */
.contrato, div.tutorial {display: block; width: 100%; overflow-x: hidden; overflow-y: auto;}
.contrato {height: 300px;}
div.tutorial {height: 400px;}
a.descarga {}
span.acepto {font-weight: bold; font-size: 12px; display: block; clear: both; padding: 5px 10px; color: red}
span.aceptoTut {font-weight: bold; font-size: 12px; display: block; clear: both; padding: 2px 10px; color: red; width: 80%; background: url(../images/minimize.jpg)  no-repeat 260px 0; height: 80px;}
span.embedC {margin-bottom: 10px;}
span.embed {font-size: 12px; width: 327px} 
a.embed {display: block; width: 327px}
.embed .code {width: 300px; padding-left: 20px; margin-top: 30px;}
.embed .code textarea {display: block; width: 95%; border: none; height: 120px; padding: 2%; background: #fff7d3;}

/* extensiones */

ul#extensions {display: block; float: left; margin: 7px 0;}
ul#extensions li {display: block;float: left}
#footer {padding:10px 0 0 0; color: #7F6600; border-top: solid 1px #7F6600;}
#footer .kratosLogo {background: url(../images/logokratos.png) no-repeat 0 -10px; width: 112px; height: 55px; margin-top: -5px;}
#footer .copyright {}
#footer .copyright a {color: #7F6600; font-weight: bold;}

/** Style Warning Windows 64 bits **/
#warningWin64{
	display:block;
}

#warningWin64 span{
	background-color: yellow;
	clear:both;
	color:red;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
}