*,
html { margin: 0; padding: 0; }

body {
    width: 100%;
	height: 100%;
    background: #f4f3f2 url(../images/bg-body4.png) repeat-x;
	color: #0e0e0e;
	font: 12px "trebuchet ms", "myriad", arial, verdana, helvetica, sans-serif;
}
body#inner,
body#news { background: #f4f3f2 url(../images/bg-body4.png) repeat-x; }



h1 { display: none; }
h1.visible {
	display: inline;
	line-height: 2cm;
	color: #444;
	font-size: 6.5mm;
}

a:link,
a:active,
a:visited { text-decoration: none; }
a: hover { text-decoration: none; }

img { border: none; }


#wrapper { width: 900px; margin: 0 auto 20px auto; padding: 0; }

#header { clear: both; height: 160px; }

.logo { margin: 3.1em 0 0 0; float: left; }

/*____________________________________________________________________________________________________MENU_______________*/

#navigation { width: 461px; height: 50px; float: right; margin: 83px 0 0 0; }

#navigation ul { list-style-type: none; margin: 0; padding: 0; }
#navigation li { float: left; padding: 0; text-align: center; margin-top: 5px; }
#navigation li a {
    display: block;
	height: 50px;
	color: #303030;
}
#navigation li.inicio a:link,
#navigation li.inicio a:visited,
#navigation li.inicio a:active,
#navigation li.inicio_on {
	font: 1.6em "trebuchet ms", "myriad", sans-serif;
    width: 100px;
	height: 50px;
	background: url(../images/navigation/marked.gif) no-repeat;
	margin-left: 0;
}
#navigation li.inicio a:link,
#navigation li.inicio a:visited,
#navigation li.inicio a:active { background-position: 0px 0px; }
#navigation li.inicio a:hover,
#navigation li.inicio_on { background-position: 0px -5px; color: #09f; }


#navigation li.erp a:link,
#navigation li.erp a:visited,
#navigation li.erp a:active,
#navigation li.erp_on {
	font: 1.6em "trebuchet ms", "myriad", sans-serif;
    width: 88px;
	height: 50px;
	background: url(../images/navigation/marked.gif) no-repeat;
	margin-left: 5px;
}
#navigation li.erp a:link,
#navigation li.erp a:visited,
#navigation li.erp a:active { background-position: 0px 0px; }
#navigation li.erp a:hover,
#navigation li.erp_on { background-position: 0px -5px; color: #09f; }

#navigation li.ventajas a:link,
#navigation li.ventajas a:visited,
#navigation li.ventajas a:active,
#navigation li.ventajas_on {
	font: 1.6em "trebuchet ms", "myriad", sans-serif;
    width: 130px;
	height: 50px;
	background: url(../images/navigation/marked.gif) no-repeat;
	margin-left: 5px;
}
#navigation li.ventajas a:link,
#navigation li.ventajas a:visited,
#navigation li.ventajas a:active { background-position: 0px 0px; }
#navigation li.ventajas a:hover,
#navigation li.ventajas_on { background-position: 0px -5px; color: #09f; }

#navigation li.contacto a:link,
#navigation li.contacto a:visited,
#navigation li.contacto a:active,
#navigation li.contacto_on {
	font: 1.6em "myriad", "trebuchet ms", sans-serif;
    width: 128px;
	height: 50px;
	background: url(../images/navigation/marked.gif) no-repeat;
	margin-left: 5px;
}
#navigation li.contacto a:link,
#navigation li.contacto a:visited,
#navigation li.contacto a:active { background-position: 0px 0px; }
#navigation li.contacto a:hover,
#navigation li.contacto_on { background-position: 0px -5px; color: #09f; }

/*________________________________________________________________________________________________CONTENT__________*/

#content {
    width: 800px;
	height: 560px;
	margin: 0 auto;
	padding: 0;
	display: block;
	clear: both;
	border-bottom: solid 1px #bbb;
}

#banner {
    width: 795px;
	height: 200px;
	margin: 0 auto 0 auto;
    background: url(../images/bg-flash.gif) no-repeat 0 3em;
	padding: 3em 0 0 5px;
}

#flash { width: 200px; float: right; }

h1#ateros {
    height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: url(../images/titulos/ateros.jpg) no-repeat;
}

#content h2 { margin-bottom: 10px; }
#content span.orange { color: #f60; }
#content span.orange2 { background: #ff7e00; color: #fff; padding: 0 4px 0 4px; }

#content p {
    font: 1em "trebuchet ms", "myriad", arial, verdana, helvetica, sans-serif;
	line-height: 15px;
	padding: .4em 0 0 .1em;
	color: #303030;
}

#content address {
	float: left;
	font-style: normal;
	padding: 1em 4em 1em 4em;
}
#content address a { color: #666; }
#content address a:hover { color: #f90; }

/*________________________________________________________________________________2_COLUMNAS_PARA_LA_INFORMACION______*/

.col1 {
	float: left;
	margin: 2em 0 0 0;
	list-style-type: none;
}
.col1 { width: 100%; }

.col1 li img { float: left; margin: 20px 0 0 4px; width: 65px; height: 65px; }

.col1 li a {
    width: 790px;
	height: 100px;
	display: block;
	border-top: solid 1px #bbb;
	margin-left: 5px;
	color: #303030;
	padding: 0;
}
.col1 li a:hover {
    background: #d6d6d6;
	color: #fff;
}

.col1 h2 { font: 17px "trebuchet ms", arial, verdana, sans-serif; font-weight: lighter; margin: 1.5em .5em 0 5em; }
#content .col1 p { font: 11px arial, verdana, sans-serif; margin: 0 0 0 7.5em; }

#inner dl.adapt {
    width: 800px;
	height: 375px;
	margin: 0;
	padding: 0;
	background: url(../images/espec.jpg) no-repeat left top;
}
#inner dl.adapt dt { color: #555; font-weight: bold; margin: 10px 0; text-indent: -9999px; }
#inner dl.adapt dd { color: #888; font-size: 90%; width: 400px; margin-left: 50px; text-indent: -9999px; }

.dd { width: 210px; float: left; padding-left: 10px; }
#inner dl.adapt .dd p { font-size: .9em; color: #666; }
.uno { margin: 80px 0 0 0; }
.dos { margin: 158px 4px 0 0; float: right; }
.tres { margin: 136px 0 0 0; clear: left; }


/*____________________________________________________________________________________________________FOOTER______________*/

#footer {
    width: 800px;
	height: 50px;
	margin: 0 auto;
	padding: 2.5em 0;
	clear: both;
}

ul#navigation2 { list-style-type: none; margin-bottom: 1em; float: left; }
ul#navigation2 li {
    display: inline;
	margin-right: 1em;
	border-right: solid 1px #757575;
	padding-right: 1em;
}

ul#navigation2 li { font: .8em verdana, sans-serif; color: #757575; }
ul#navigation2 li a:link,
ul#navigation2 li a:visited,
ul#navigation2 li a:active { color: #0e0e0e; }
ul#navigation2 li a:hover { color: #ff7e00; }

ul#navigation2 li.legal { border: none; padding: 0; }

ul#navigation2 p {
    font: 10px verdana, arial, helvetica, sans-serif;
	color: #0e0e0e;
	padding-top: 15px;
}

.credits { width: 50%; height: 40px; float: right; text-align: right; }

#footer address a:link,
#footer address a:active,
#footer address a:visited {
	font: 1.2em "trebuchet ms", verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #0e0e0e;
}
#footer address a:hover { color: #ff7e00; }

#footer address {
    width: 50%;
    float: right;
	font-size: .75em;
    font-style: normal;
	color: #666;
	line-height: 1.1em;
}
#footer address a.peke {
    float: right;
	font-size: 1em;
	font-weight: normal;
	color: #09c;
	line-height: 1.1em;
}

#footer a.java_powered { width: 36px; height: 76px; float: left;}


/*_______________________________________________________________________________________________INTERIOR__________*/


#inner h2 {
    font: 1.8em "trebuchet ms", "myriad", arial, verdana, helvetica, sans-serif;
	font-weight: lighter;
    color: #303030;
	padding: 1.5em 0 0 0;
	text-indent: -9999px;
}
h2#sistema { background: url(../images/titulos/sistema.gif) no-repeat left 28px; }
h2#diferentes { background: url(../images/titulos/diferentes.gif) no-repeat left 28px; }
h2#sabermas { background: url(../images/titulos/sabermas.gif) no-repeat left 28px; }
h2#avisolegal { background: url(../images/titulos/avisolegal.gif) no-repeat left 28px; }
h2#adaptable { background: url(../images/titulos/adaptable.gif) no-repeat left 28px; }
h2#informacion { background: url(../images/titulos/informacion.gif) no-repeat left 28px; }

#inner em { color: #666; font-style: normal; }

/*______________________________________________________________________________________________INFORMACION___________*/

#esquema {
    width: 800px;
	height: 300px;
	margin: 35px 0;
/*	background: url(../images/esquema.jpg) no-repeat;   */
}

/*______________________________________________________________________________________________VENTAJAS______________*/


.izquierda {
    width: 500px;
	float: left;
}

.razones {
	width: 485px;
	float: left;
    margin: 0 0 2em 5px;
	padding: 0;
	list-style-type: none;
}

#pantallazo {
	width: 400px;
	height: 290px;
	clear: both;
	display: block;
	margin: 0;
	padding: 0 0 0 20px;

}

#gallery {
    width: 280px;
	height: 446px;
	float: right;
	margin-top: 2px;
}
#gallery a img { width: 60px; height: 44px; margin: 15px 0 0 28px; border: none; }
#gallery a:hover img { border: none; }

/*______________________________________________________________________________________________CONTACTO______________*/


fieldset { margin-top: 3em; border: none; }

.formulario label {
    clear: both;
	display: block;
	white-space: nowrap;
	font-family: "trebuchet ms", "myriad", verdana, helvetica, arial, sans-serif;
	font-size: .8em;
	color: #303030;
}

.formulario input.text { height: 17px; }
.formulario textarea { height: 80px; }

input.text,
textarea {
    width: 100%;
	border: none;
	background-color: #ccc;
	color: #000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: auto;
	filter: alpha(opacity=70);
	opacity: .7;
	padding: 3px 0 0 3px;
}

.button {
    background: url(../images/enviar.png) 0 0px;
	display: block;
	text-indent: -3000px;
	overflow: hidden;
	width: 83px;
	height: 18px;
	margin-top: 15px;
	cursor: pointer;
}

.button:hover {background-position: 0 -18px;}