/** {border:1px solid #00FF00}*/
html,body{margin:0;padding:0}
body{
	font: 76% arial,sans-serif;
	text-align:center;
	background-image: url(../images/emLayout_11.jpg);
}
p{margin:0 10px 10px;color: #FFF}
ul {list-style:none; margin:0;padding:0}
/*hr{clear:both;display:block;border: 0;float: none;margin: 0;overflow: hidden; visibility: hidden;width: 0; height: 0}*/

.grey {color:#999}
h1.grey {font-size:10px; text-align:center; font-weight:normal}
.clear {width:490px; margin-bottom:14px;display:block}
#container{width:780px;margin:0 auto;text-align: left}
#bcontainer{width:780px;margin:0 auto;text-align: left}
html > body div#header {background: url(../images/emLayout_logo.png) no-repeat top right}
div#header {height:80px;margin:18px  0 0 0}
div#header #logo {width:300px;height:80px;float:right; display:block;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,src='images/emLayout_logo.png')}
div#header a h1 {display:none}
div#header span {width:160px; height:34px;color: #E6E6E6}
div#header span #logout {float:left;color:#CCC}

html > body #menut {background-image: url(../images/emLayout_06.png)}
#menut {height:249px;margin:0;padding-left:10px;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,src='images/emLayout_06.png');background-repeat: no-repeat;background-position: left}

#menut ul {list-style:none; padding:12px 0 0 0; margin:0; float:left}

#menut #top {width:504px;height:148px; margin-right:16px; float:right; display:inline}
#menut #top ul, #menut #bot ul {padding:0}
#menut #notebook {width:244px; height:228px;float:left}
#menut #notebook a {position:absolute;top:94px}
#menut #notebook a span {display:none}
#menut #datos {float:left;width:109px;height:80px; }
#menut #datos a {position:absolute;top:170px}
#menut #datos a span {display:none}
#menut #printed {float:left;width:169px;height:143px;margin-left:40px}
#menut #printed a {position:absolute;top:100px}
#menut #printed a span {display:none}
#menut #clientes {float:left;width:173px;height:119px;margin-left:8px}
#menut #clientes a {position:absolute;top:130px}
#menut #clientes a span {display:none}
#menut #bot {width:504px;height:80px; margin-right:16px; float:right; display:inline}
#menut #nosotros {float:left;width:206px;height:90px;margin-left:8px; display:inline}
#menut #nosotros a {position:absolute;top:258px}
#menut #nosotros a span {display:none}
#menut #trash {float:left;width:96px;height:90px}
#menut #trash a {position:absolute;top:258px}
#menut #trash a span {display:none}
#menut #acclientes {float:left;height:90px}
#menut #acclientes a {position:absolute;top:258px}
#menut #acclientes a span {display:none}

html > body #navigation {background-image: url(../images/emLayout_08.png);background-repeat: no-repeat;background-position: left}
#navigation {float:left;width:192px;height: 326px;padding-left: 4px;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,src='images/emLayout_08.png')}

html > body #navigation {background-image: url(../images/emLayout_08.png);background-repeat: no-repeat;background-position: left}
#navigation {float:left;width:192px;height: 326px;padding-left: 4px;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,src='images/emLayout_08.png')}

#navigation #contacto {float:left;width:180px;height:115px}
#navigation #contacto a {position:absolute;width:180px;height:115px;top: 517px}
#navigation #contacto a span {display:none}

#navigation #servicios {float:left;width:180px;height:115px}
#navigation #servicios a {position:absolute;width:180px;height:115px;top: 370px}
#navigation #servicios a span {display:none}

div#content p{line-height:1.4}

#footer {
	width:100%;
	color:#666666;
	margin:20px 0;
	float:left
}
#footer a {
	color:#999999
}
#footer ul {text-align:center; font-size:90%}
#footer ul li {display:inline}
#footer p{
	font-size:90%;
	color:#666;
	margin:0;
	padding:5px 10px;
	text-align:center;
	line-height:58px;
	background: url(../images/tira_datos.png) no-repeat;
	background-position: center;
}

#content {float:right;width:520px}
#content h2 {width:100%;color:#CCC; font-size:110%; margin:14px 0; float:left}
#content ul {float:left}
#content ul li {display:inline;margin-right:18px;display:inline;float:left}
#content ul li p {
	width:100px;
	margin:0;
	line-height:1.2em;
	font-size:10px
}

#form-contacto {
	float:left;
	background-image:url(../images/paper.png);
	background-repeat:no-repeat;
	padding:30px 14px
}
#form-contacto ul li {display:inline; margin:2px 0; float:left}
#form-contacto label {width:90px; color:#353E39; font-weight:bold; float:left}
#form-contacto input, #form-contacto .msg {
	width:240px;
	background-color:#CCCCCC;
	color:#FFFFFF;
	border:1px solid #353E39
}
#form-contacto .msg {width:320px; height:80px}
#form-contacto .btn {width: auto; border:1px solid #808080; font-size: 11px; font-family: Arial; color: #CCC; font-weight: bold; background-color: #343C38;padding:2px 14px}

#clientes li {display:inline; float:left; /*clear:both;*/ margin:6px 0}
#clientes img {float:left; margin-right:10px}
#clientes h3 {
	color:#CCC;
	font-size:80%;
	font-weight:normal;
	float:left;
	margin-top:18px
}

.sub {width:90%; text-align:center; clear:both;margin-top:18px;float:left}
.sub a {color:#CCC; font-weight: bold; margin: 0 6px}

.clients {color:#FFFFFF}
.clients ul {width:360px;list-style:none; margin-top:30px;padding:0}
.clients ul li {clear:both; float:left; margin: 2px 0; display:inline; width:100%}
.clients ul li a {float:left;padding:3px 0 0 4px}
.clients label {font-weight:bold; clear:both; width:120px; text-align:left; float:left}
.clients input {width:180px}
.clients em {color:#FF0000; clear:both; margin-left:122px}
.clients .btn {width:auto; border:1px solid #333; background-color:#6699CC; font-weight:bold; color:#FFF;font-size:10px; float:left; padding:2px 6px}
div#content .Texto {
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
}