#contenido_centrado{
	margin: 0px auto;
	text-align: center;
	width: 1000px;
}

#cuadros{
	float: left;
	width: 330px;
	height: 310px;
	text-align: center;
	margin-bottom: 50px;
	display: block;
	margin-top: 50px;
}

#txt_presen{
	 font-family: 'norte';
	 color: #333;
	font-size: 35px;
	padding-top: 50px;
}

h1{
	color: #001a4e;
	font-size: 15.8px;
	height: 50px;
	padding-top: 10px;
	margin-bottom: -20px;
}

h2{
	margin-top: 50px;
	color: #001a4e;
	font-size: 22px;
	margin-bottom: 50px;
	text-shadow: 0.1em 0.1em #ccc
}

#gris{
	width: 100%;
	float: left;
	background-image: URL("../images/fondo_b.jpg");
	background-repeat: repeat;
}
#blanco{
	float: left;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
	background-image: URL("../images/fondo_blanco.jpg");
	background-repeat: repeat;
}
p.txt{
	text-align: justify; color: #666;
	font-size: 16px;
}
p.descripcion_principal{
	text-align: justify; 
	color: #666;
	width: 255px;
	margin-left: 38px;
	height: 65px;
	font-size: 15px;
}
#galeria{
	margin-top: 50px;
	margin-bottom: 50px;
}

button.mas{
	margin-top: 15px;
	background-image: URL("../images/+.png");
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	border: none;
	background-color: transparent;
}

button.boton{
	font-size: 16px;
	background-color: #D84A0E;
	color: #fff;
	height: 32px; 
	border: 0px ;
	margin-top: 25px;
	margin-bottom: 10px;
	border-radius: 20px;
}

a.boton{
	font-size: 16px;
	float: left;
	background-color: #385aab;
	color: #fff;
	padding: 10px;
	border: 0px ;
	margin-top: 25px;
	margin-bottom: 10px;
	border-radius: 20px;
	margin-left: 90px;
}

/*Contacta*/
a.contacta{
	color: #fff;
}
a.contacta:hover{
	color: #D84A0E;
}

/*Acceso*/
a.cuadro{
	width: 300px;display: block;float: left;
	height: 310px;
	margin-right: 30px;
}
.descargar{
	font-size: 16px;
	background-color: #385aab;
	color: #fff;
	padding: 10px;
	border: 0px ;
	margin: 50px 0px 0px 50px;
	width: 180px;
	border-radius: 20px;
}

table.acceso{
	margin: 50px 0px 50px 0px;
	float: left;
}

input.acceso{
	margin-bottom: 15px;
	padding-left: 5px;
	border: none;
	border: solid #eee 1px;
	height: 25px;
	width: 400px;
	color: #D84A0E;
	font-size: 14px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(128,128,128,1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(128,128,128,1);
	box-shadow: 0px 1px 5px 0px rgba(128,128,128,1);
}

img.acceso{
	float: left;
	padding: 0px 50px 0px 100px;
}

@media only screen and (max-width: 999px), screen and (max-device-width: 999px) {
	img.acceso{
		float: none;
		margin-right: 50px;
	}
	table.acceso{
		margin-left: 120px;
		float: none;
	}
}

@media only screen and (max-width: 670px), screen and (max-device-width: 670px) {
	table.acceso{
		margin-left: 40px;
		float: none;
		margin-bottom: -500px;
	}
}

@media only screen and (max-width: 520px), screen and (max-device-width: 520px) {
	img.acceso{
		float: none;
		margin-left: -20px;
	}
	table.acceso{
		margin-left: 0px;
		float: none;
		margin-bottom: -400px;
	}
}

@media only screen and (max-width: 400px), screen and (max-device-width: 400px) {
	img.acceso{
		float: none;
		width: 150px;
		margin-left: -20px;
	}
	table.acceso{
		margin-left: 0px;
		float: none;
		margin-bottom: -400px;
	}
	input.acceso{
		width: 300px;
	}
	.descargar{
		font-size: 13px;
		margin: 10px 0px 0px 80px;
		width: 125px;
	}
	img.iconos2{
		margin-right: 20px;
		margin-left: 30px;
		width: 80px;
		margin-top: 50px;
		margin-bottom: 0px;
	}
	a.cuadro{
		margin-bottom: -40px;
	}
	
}
/*WEB*/
#blanco_web{
	float: left;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
	background-image: URL("../images/fondo_blanco.jpg");
	background-repeat: repeat;
}
#gris_web{
	width: 100%;
	float: left;
	background-image: URL("../images/fondo_b.jpg");
	background-repeat: repeat;
}
a.boton_web{
	font-size: 16px;
	background-color: #385aab;
	color: #fff;
	padding: 10px;
	border: 0px ;
	margin-top: 50px;
	border-radius: 20px;
}
ul.pos{
	font-size: 15px;
	color: #666;
	margin-top: 0px;
	text-align: left;
	padding-bottom: 38px;
}
li.pos{
	list-style-type: disc;
}
li.pos_2{
	list-style-type: circle;
}
#fondo_pos{
	background-image: URL("../images/fondo_pos.png");
	background-repeat: no-repeat center center fixed;
	width: 100%;
	height: 300px;
}
h3{
	font-size: 22px;
	color: #385aab;
}
table.dominio{
	margin: 50px 0px 0px 180px;
}
td.dominio{
	text-align: left;
	font-size: 18px;
}

input.dominio{
	margin-right: 20px;
	margin-bottom: 15px;
	padding-left: 5px;
	border: none;
	border: solid #eee 1px;
	height: 25px;
	width: 500px;
	color: #D84A0E;
	font-size: 14px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(128,128,128,1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(128,128,128,1);
	box-shadow: 0px 1px 5px 0px rgba(128,128,128,1);
}
button.dominio{
	font-size: 14px;
	background-color: #D84A0E;
	color: #fff;
	width: 120px;
	height: 32px; 
	border: 0px ;
	z-index: 20px;
	float: left;
	margin-top: -15px;
	border-radius: 20px;
}	
@media only screen and (max-width: 999px), screen and (max-device-width: 999px) {
	table.dominio{
		margin: 50px 0px 0px 0px;
	}
}

@media only screen and (max-width: 670px), screen and (max-device-width: 670px) {
	#blanco_web{
		margin-bottom: -450px;
	}
	#gris_web{
		margin-bottom: -450px;
	}
	input.dominio{
		margin-right: 20px;
		margin-bottom: 15px;
		width: 300px;
	}
	table.dominio{
		margin: 50px 0px 0px 20px;
	}
}

@media only screen and (max-width: 670px), screen and (max-device-width: 670px) {
	input.dominio{
		margin-right: 20px;
		margin-bottom: 15px;
		width: 300px;
	}
}

@media only screen and (max-width: 520px), screen and (max-device-width: 520px) {
	table.dominio{
		margin: 50px 0px 0px 25px;
	}
	input.dominio{
		width: 200px;
	}
}

@media only screen and (max-width: 400px), screen and (max-device-width: 400px) {
	table.dominio{
		margin: 50px 0px 0px 0px;
	}
	h3{
		font-size: 18px;
	}

	button.dominio{
		font-size: 12px;
		width: 100px;
		
	}
	input.dominio{
		width: 200px;
		margin-right: 5px;
	}
	td.dominio{
		font-size: 15px;
	}
}		
/*Hosting*/

table.hosting{
	-webkit-box-shadow: 0px 1px 6px 0px rgba(128,128,128,1);
	-moz-box-shadow: 0px 1px 6px 0px rgba(128,128,128,1);
	box-shadow: 0px 1px 6px 0px rgba(128,128,128,1);
	margin: 50px 0px 50px 0px;
	/*border-radius: 15px;*/
	border: solid 1px white;
	float: left;border-collapse: collapse;
}

tr.grey{
	background-color: #eee;
}

td.data{
	text-align: center;
	color: #666;
	width: 234px;
	padding: 15px;
	font-size: 18px;
}

td.data_ser{
	text-align: center;
	color: #666;
	width: 380px;
	padding: 15px;
	font-size: 18px;
}

td.data_titulo{
	text-align: center;
	color: #333;
	width: 234px;
	padding: 15px;
	font-size: 22px;
}

span.precio{
	font-size: 22px;
	color: #D84A0E;
}


td.data_n{
	text-align: center;
	color: #666;
	font-size: 24px;
}

td.data_header{
	text-align: left;
	color: #385aab;
	width: 180px;
	padding-left: 10px;
	font-size: 16px;
}

td.data_header_fondo_n{
	text-align: left;
	color: #fff;
	padding-left: 30px;
	background-image: URL("../images/fondo_tabla_n.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 113px;
	font-size: 28px;
}

td.data_header_fondo_a{
	text-align: left;
	color: #fff;
	padding-left: 10px;
	background-image: URL("../images/fondo_tabla_a.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 113px;
	font-size: 28px;
}

td.data_man{
	color: #666;
	width: 210px;
	padding: 35px 15px 35px 15px;
	font-size: 18px;
}


/*reparacion y mantenimiento*/

table.reparacion{
	-webkit-box-shadow: 0px 1px 6px 0px rgba(128,128,128,1);
	-moz-box-shadow: 0px 1px 6px 0px rgba(128,128,128,1);
	box-shadow: 0px 1px 6px 0px rgba(128,128,128,1);
	margin: 50px 0px 50px 140px;
	/*border-radius: 15px;*/
	border: solid 1px white;
	float: left;
	border-collapse: collapse;
}

table.mantenimiento{
	/*-webkit-box-shadow: 0px 1px 6px 0px rgba(128,128,128,1);
	-moz-box-shadow: 0px 1px 6px 0px rgba(128,128,128,1);
	box-shadow: 0px 1px 6px 0px rgba(128,128,128,1);
	margin: 0px 0px 50px 10px;*/
	/*border-radius: 15px;*/
	/*border: solid 1px white;*/
	float: right;
	/*background-color: #fff;*/
}

#material{
	margin: 0px auto;
	background-image: URL("../images/material.jpg");
	background-repeat: no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	padding-top: 20px;
	
}

@media only screen and (max-width: 1000px), screen and (max-device-width: 1000px) {
	#contenido_centrado{
		width: 666px;
	}
	#fondo{
		background-repeat: no-repeat;
		background-position: -800px;
		background-size: 1800px 700px;
		height: 680px;
	}
	td.data_header_fondo_n{
		background-image: URL("../images/fondo_tabla_n_peq.png");
		background-repeat: no-repeat;
		width: 233px;
		height: 113px;
		font-size: 22px;
		padding-left: 20px;
	}
	
	td.data_header_fondo_a{
		background-image: URL("../images/fondo_tabla_a_peq.png");
		background-repeat: no-repeat;
		width: 200px;
		height: 113px;
		font-size: 22px;
		padding-left: 20px;
	}
}

@media only screen and (max-width: 670px), screen and (max-device-width: 670px) {
	#contenido_centrado{
		width: 506px;
	}
	#blanco{
		/*margin-bottom: -400px;*/
	}
	td.data_header_fondo_n{
		background-image: URL("../images/fondo_tabla_n_peq2.png");
		background-repeat: no-repeat;
		background-position: center;
		width: 233px;
		height: 113px;
		font-size: 15px;
		padding-left: 20px;
	}
	
	td.data_header_fondo_a{
		background-image: URL("../images/fondo_tabla_a_peq2.png");
		background-repeat: no-repeat;
		background-position: center;
		width: 200px;
		height: 113px;
		font-size: 15px;
		padding-left: 20px;
	}
	td.data{
		padding: 15px;
		font-size: 14px;
	}
	
	span.precio{
		font-size: 25px;
	}
	
	td.data_n{
		font-size: 16px;
	}
	
	td.data_header{
		font-size: 14px;
	}
}

@media only screen and (max-width: 520px), screen and (max-device-width: 520px) {
	#contenido_centrado{
		width: 406px;
	}
}

@media only screen and (max-width: 400px), screen and (max-device-width: 400px) {
	#contenido_centrado{
		width: 306px;
	}
	td.data_header_fondo_n{
		background-image: URL("../images/fondo_tabla_n_peq2.png");
		background-repeat: no-repeat;
		background-position: center;
		font-size: 15px;
		padding-left: 20px;
		padding-right: 45px;
	}
	
	td.data_header_fondo_a{
		background-image: URL("../images/fondo_tabla_a_peq2.png");
		background-repeat: no-repeat;
		background-position: center;
		font-size: 15px;
		padding-left: 20px;
		padding-right: 5px;
	}
	span.precio{
		font-size: 16px;
	}
	td.data_n{
		font-size: 14px;
	}
}

@media only screen and (max-width: 670px), screen and (max-device-width: 670px) {
	#contenido_centrado{
		margin-bottom: 550px;
	}
	#cuadros{
		width: 666px;
		margin-bottom: -200px;
		text-align: left;
	}

	img.iconos{
		float: left;
		margin-right: 20px;
		margin-left: 5px;
		width: 100px;
		margin-top: 10px;
	}

	h1{
		font-size: 14px;
	}

	p.descripcion_principal{
		float: left;
		margin-left: 0px;
	}

	button.mas{
		float: left;
		margin-left: 90px;
	}
}

@media only screen and (max-width: 520px), screen and (max-device-width: 520px) {
	#contenido_centrado{
		margin-bottom: 450px;
	}

	

	p.descripcion_principal{
		float: left;
		margin-left: 0px;
		font-size: 12px;
	}
	button.mas{
		float: left;
		margin-left: 40px;
		background-image: URL("../images/+20.png");
		background-repeat: no-repeat;
		width: 20px;
		height: 20px;
	}
	a.boton{
		font-size: 13px;
		padding: 7px;
		margin-top: 25px;
		margin-left: 20px;
	}
}

@media only screen and (max-width: 400px), screen and (max-device-width: 400px) {
	#contenido_centrado{
		margin-bottom: 480px;
	}

	#cuadros{
		width: 300px;
		margin-bottom: -230px;
		text-align: left;
	}

	img.iconos{
		width: 50px;
		margin-top: 15px;
	}

	h1{
		height: 40px;
		font-size: 11px;
	}
	p.descripcion_principal{
		margin-top: -20px;
		margin-left: 75px;
		font-size: 12px;
		width: 200px;
	}
	button.mas{
		margin-top: 5px;
		margin-left: -255px;
		background-image: URL("../images/+20.png");
		background-repeat: no-repeat;
		width: 20px;
		height: 20px;
	}
	a.boton{
		margin-top: -45px;
	}
}

@media only screen and (max-width: 520px), screen and (max-device-width: 520px) {
	a.boton{
		margin-top: -5px;
	}
}


#posi{
	float: left;
	text-align: right;
	margin-left: 30px;
	margin-bottom: 50px;
	width: 270px;
}

li.campa{
	float: right;
}

b.titulo_campa{
	color: #D84A0E;
	margin-left: -20px;
}

@media only screen and (max-width: 670px), screen and (max-device-width: 500px) {
	#posi{
		float: left;
		text-align: left;
		margin-left: 10px;
		margin-bottom: 50px;
		width: 270px;
	}
	
}

@media only screen and (max-width: 670px), screen and (max-device-width: 520px) {
	li.campa{
		margin-right: 185px;
	}
	
}

@media only screen and (max-width: 520px), screen and (max-device-width: 520px) {
	li.campa{
		margin-right: 85px;
	}
	
}

@media only screen and (max-width: 400px), screen and (max-device-width: 400px) {
	li.campa{
		margin-right: 15px;
	}
	#fondo_pos{
		margin-bottom: -260px;
	}
	
}

@media only screen and (max-width: 670px), screen and (max-device-width: 400px) {
	#fondo_pos{
		margin-bottom: -260px;
	}
	
}

@media only screen and (max-width: 700px), screen and (max-device-width: 320px) {
	img.img_dise{
		width: 300px;
	}
	
}