@charset "utf-8";


div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.general {
	background-image: url(../images/background.png);
	text-align: center;
}

#wrap { 
	margin: 2px auto 0 auto;
	width: 850px;
	height: 600px;
	font-family: Verdana;
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
	text-align: justify;
	
}

.baja {
	width: 850px;
	height: 475px;
	/*background-image: url(../images/fondoweb.jpg);*/
	/*float:left;*/
}
/* top= cabecera fin=barra de abajo right=zona derecha left=zona izquierda  baja= fondo web botonera=menu de botones

*/

.top {
	/*float: left;*/
	width: 850px;
	height: 106px;
	/*background-image: url(../images/cobertectop1.jpg); */
}

.fin {
	float: left;
	width: 850px;
	height: 33px;
	line-height:15px;
	background-image: url(../images/finfondo.gif);
	border: 2px;
	text-align: left;
	vertical-align: baseline;
	font-size: 7pt;
	color: #ffffff;
	padding-top: 3px;
	/**/
}
.fin b{padding-left: 33px; }

.right{
	width: 250px;
	height: 435px;
	float: right;
	/*background-color: #dcdcdc;*/
	background-image: url(../images/fondoright.jpg);
	margin-bottom: 10px;
	margin-top: 10px;
	/*padding-left: 4px;
	padding-top: 4px;*/
	text-align: center;
	font-size:	9px;
	font-family: arial; 
	background-position-x:right;
	background-repeat:no-repeat;
}

.botonera {
	width: 850px;
	height: 20px;
	float: left;
}

.botonxerox {
	margin-left:38px;
	/*padding-top: 4px;*/
	color: #ffffff;
	width: 165px;
	height: 20px;
	text-align:center;
	float: left;
	background-image: url(../images/botonxerox.png);
	line-height:20px;
}

/*.botonxerox:hover {
	background-position:100% 20px;
}*/



.central {
	width: 580px;
	height: 455px;
	float: left;
}

#internet {
	width: 265px;
	height: 212px;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	/*border-width: 1px;
	border-color: #808080;
	border-style: dotted;*/
	/*border-left: none;
	border-top: none;*/
}

#informatica {
	width: 265px;
	height: 212px;
	background-image: url(../images/principal/servicios-informaticos.png);
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	/*border-width: 1px;
	border-color: #808080;
	border-style: dotted; 
	border-right: none;
	border-top: none;*/
}

#xerox {
	width:265px;
	height: 212px;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	/*border-width: 1px;
	border-color: #808080;
	border-style: dotted;*/
	/*border-bottom: none;
	border-right:none;*/
	background-image: url(../images/principal/xerox.png);
}

#software {
	width: 265px;
	height: 212px;
	float: left;
	background-image: url(../images/principal/software2.png);
	margin-left: 15px;
	margin-top: 10px;
	/*border-width: 1px;
	border-color: #808080;
	border-style:solid;
	border-left: none;
	border-bottom: none;*/
}

#celda {
	width:50px;
	height: 25px;
	text-align: right;
	margin-right: 5px;
	
}

#caja {
	width: 190px;
	height: 25px;
	text-align: left;
	float:left;
}

.textarea {
	border:1px solid;
	border-color: #808080;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}

.texto {
	width: 500px;
	height: 400px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 40px;
	/*margin-top:10px;*/
	/*margin-bottom: 10px;*/
	
}

.textotitulo {
	width: 580px;
	height: 40px;
	text-align: center;
	margin-top: 10px;
	color: #808080;
	font-size: 20pt;
}

.menuxerox {
	width: 120px;
	height: 50px;
	float: left;
	vertical-align: middle;
}

.centralmenu {
	width: 240px; 
	height: 140px; 
	float: left;
	margin-left: 30px;
}

a {
	text-decoration: none;
	color: #ad2724;
}

.textolink{
	text-decoration:none;
	color: #ffffff; 
}

.textopriv{
	border: 1px solid #808080;
	background-color: #ffffff;
    font: normal small Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
}

.ningunlado 
{
	width: 540px;
	height: 415px;
	float: left;
	margin: 20px;
	*margin: 0px;
	*padding:20px;
    }
    
h3 
{
    font-size: 12px;
    font-family: Trebuchet MS;
    font-style:inherit;
    }
    
    .btn
    {
    font-size: 10px;
    font-family: Trebuchet MS;
    padding:2px 4px;
    border:1px solid #000;
    line-height:21px;
        }
        
.btenv{
	border: 1px solid #808080;
	background-color: #ffffff;
    font: normal small Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	padding:2px 4px;
}

#tablaclientes td
{
	font-size: 10px;
    font-family: Trebuchet MS;
    text-align: left;
	}