/*
Theme name: writing hijo
Theme URI: http://www.edicionlibroindie.com
Version: 1.0
Description: Tema hijo writing
Author: alejandro capparelli
Author URI: http://www.edicionlibroindie.com
template: writing
*/

@import url("../writing/style.css");

.header_logo_wrapper {
	padding-top: 42px;
	margin-left: 35%;
	margin-right: 35%;
    width: 100%;
}

.bannerpublica, .bannermaqueta, .bannermarcapersonal, .bannerblog {

	color: white;
	max-width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	max-height: 90px;
	
}

.bannerpublica {

	background-color: #4A72B2;
}

.bannermaqueta {

	background-color: #E87E0C;
}

.bannermarcapersonal {

	background-color: #8A0CE8;
}

.bannerblog {

	background-color: #FF0000;
}


.bannerpublica h1, .bannermaqueta h1, .bannermarcapersonal h1, .bannerblog h1{

	color: white;
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 0px;
	text-align: center;
}
.copypublica {
	max-width: 100%;
	border-style: solid;
	border-width: 2px;
	border-color: #4A72B2;
	
}

.copypublica h2 {
	color: #4A72B2;
	padding-left: 10px;
	font-size: 24px;
	text-align: center;
	
}

.copypublica h3, .copypublica article {
	color: #4A72B2;
	padding-left: 10px;
	font-size: 20px;
	text-align: center;
	margin-bottom: 5px;
	
}

.copypublica article {

	font-weight: 800;
	color: #4A72B2;
	padding-left: 10px;
	font-size: 20px;
	text-align: center;
	margin-bottom: 5px;

}

.copytemas h2 {
	color: #4A72B2;
	padding-left: 10px;
	font-size: 24px;
	text-align: center;
	
}

.copytemas h2 {
	color: #4A72B2;
	padding-left: 10px;
	font-size: 34px;
	text-align: center;
	
}
.copypublica p {

	margin-left: 5%;
	font-size: 18px;
	max-width: 90%;

}

.copypublica span {

	margin-left: 25%;
	font-size: 18px;
	max-width: 90%;
	margin-top: 0px;
	padding-top: 0px;

}

.lista {

	margin-left: 10%;
	font-size: 18px;
}
.venta, .ventaexperto, .ventasuperpack {

	text-align: center;
	background-color: #4A72B2;
	color: white;
	padding-top: 1px;
	float: left;
	min-width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;

}


.ventaexperto form, .ventasuperpack form{

	padding-left: 25%;
	text-align: left;
}

.venta article, .ventaexperto article, .ventasuperpack article {

	margin-top: 10px;
	font-weight: 800;
	color: #F2cd37;
	font-size: 28px;
}

.venta p {

	color: white;
	font-size: 22px;
}

.venta button, .ventaexperto button, .ventasuperpack button{

	background-color: #CD8913;
	border-radius: 10px;
	font-size: 22px;
}

.ventaexperto span{

	text-decoration: underline;
}

.ventasuperpack input{

	margin-right: 80%;
}


.serviciosintro p, .servicios2intro p {

	text-align: justify;
	color: black;
	font-size: 18px;
	max-width: 80%;
	padding-left: 15%;
	margin-top: 15px;
}


.servicios2intro p {

	float: left;
}

.serviciosintro h2   {

	text-align: center;
	color: white;
	font-size: 30px;
	margin-top: 40px;
	background-color: #f2AE37;
	max-width: 80%;
	margin-left: 10%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.servicios2intro h2 {

	float: left;
	text-align: center;
	color: white;
	font-size: 30px;
	margin-top: 40px;
	background-color: #f2AE37;
	max-width: 80%;
	margin-left: 10%;
	padding-top: 15px;
	padding-bottom: 15px;
	min-width: 80%;

}

.contratacion {

	border-color: #CD8913;
	border-style: solid;
	float: left;
	max-width: 60%;
	margin-left: 20%;
}



.contratacion h3{
 	
 	padding-top: 5%;
 	font-size: 26px;
	font-style: bold;
	color: #4A72B2;
	text-align: left;
	max-width: 90%;
	margin-left: 5%;
	margin-top: 0px;
	margin-bottom: 20px;

}

.contratacion article{
 	
 	
 	font-size: 40px;
	font-style: bold;
	color: #4A72B2;
	margin-top: 0px;
	text-align: center;
	max-width: 100%;
	margin-bottom: 0px;

}

.contratacion p{
 	
 	margin-top: 0px;
 	font-size: 16px;
	color: black;
	text-align: justify;
	max-width: 90%;
	padding-left: 5%;
	padding-right: 5%;


}

.programacol1 {

	float: left;
	margin-left: 15%;
	max-width: 35%;
}

.programacol2 {

	float: left;
	max-width: 35%;
}

.servicioscol1 {

	float: left;
	margin-left: 15%;
	max-width: 33%;
	border-color: #CD8913;
	border-style: solid;
}

.servicioscol1 p, .servicioscol2 p {
	
	font-size: 16px;
	color: black;
	font-style: italic;
	text-align: center;
	max-width: 98%;

}


.servicioscol1 h3, .servicioscol2 h3 {
 	
 	font-size: 26px;
	font-style: bold;
	color: #4A72B2;
	text-align: left;
	padding-left: 5%;
	max-width: 90%;
	margin-bottom: 30px;

}

.servicioscol1 span, .servicioscol2 span, .contratacion span{
 	
 	font-size: 14px;
 	font-weight: 800;
 	float: right;
 	margin-top: 0px;
	background-color: #CD8913;
	color: white;
	text-align: right;
	padding-left: 2px;
	padding-right: 2px;


}

.servicioscol1 article, .servicioscol2 article {
 	
 	font-size: 40px;
 	margin-top: 0px;
 	margin-bottom: 0px;
	color: #4A72B2;
	text-align: center;

}


.servicioscol2 {

	margin-left: 3%;
	float: left;
	max-width: 33%;
	border-color: #CD8913;
	border-style: solid;
}


.programacol1 p, .programacol2 p {
	
	font-size: 16px;
	color: black;
	font-style: italic;
	text-align: center;
	max-width: 90%;
	margin-bottom: 40px;

}

.programacol1 h3, .programacol1 article, .programacol2 h3, .programacol2 article {

	font-size: 30px;
	font-style: bold;
	color: #4A72B2;
	text-align: center;
	max-width: 90%;
	margin-top: 0px;
	margin-bottom: 10px;


}

.landingpie {

	text-align: center;
	background-color: #4A72B2;
	color: white;
	padding-top: 1px;
	float: left;
	min-width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;

}

.sobremi {

	float: left;
	padding-left: 15%;

}

.sobremi img {

	float: left;
	margin-top: 20px;
}


.sobremi h4 {

	font-size: 24px;
	color: #CD8913;
	margin-bottom: 0px;
	padding-top: 40px;
}


.sobremi p {

	float: left;
	max-width: 60%;
	margin-left: 10px;
	text-align: justify;

}

.landingpie a {

	color: white;
}

.landingpie p {

	padding-top: 10px;
}


.gracias{

	color: white;
	background-color: #4A72B2;
	max-width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	max-height: 400px;
	
}

.gracias h1{

	color: white;
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 0px;
	text-align: center;
}


.masinfo {

	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 10px;

}


.masinfo:hover, .meapunto:hover {

	background-color: #F2cd37;
	color: black;
}


.servicioscol2 a, .servicioscol1 a, .contratacion a {

	background-color: #CD8913;
	float: left;
	color: white;
	text-align: center;
	margin-left: 30%;
	margin-right: 30%;
	margin-bottom: 5px;
	width: 40%;

}

.contratacion p {

	max-width: 99%;
}

#logos {

	text-align: center;
	
}

@media all and (max-width: 600px){

	.servicioscol1, .servicioscol2, .contratacion {

		max-width: 90%;
		margin-left: 5%;
		margin-top: 10px;
	}

	.bannerpublica {

		max-height: 100%;
	}

	.bannerblog {

		max-height: 100%;
	}

	.header_logo_wrapper {

		margin-left: 5%;
		width: 100%;
	}

}