.contactoBackground
{
	width: 100%;
	height: 500px;
	background: transparent url(img/contacto1.png) scroll no-repeat 0 0/cover;
	position: relative;
	float:left;
	box-sizing: border-box;
}

.rowContacto
{
	width: 100%;
	height: 200px;
	position: relative;
	float: left;
	box-sizing: border-box;
}

.contactotitle
{
	font-family: Calibri;
	color:white;
	font-weight: bold;
	font-size: 92px;
	font-style: italic;
	box-sizing: border-box;
	width: 100%;
	height: 80px;
	margin-left: 70px;
    margin-top: 315px;
    margin-bottom: 20px;
	float:left;
	
}

.contactosubtitle
{
	font-family:  century Gothic,CenturyGothic,AppleGothic,sans-serif;
	color: white;
	box-sizing: border-box;
	font-size:30px;
	margin-left: 70px;
	
}

.contactorow
{
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	float: left;
	position: relative;
	padding-top: 30px;
    background-color: white;
}

.textorojo
{
	font-size: 25px;
	color: #bd1821;
	font-family:  century Gothic,CenturyGothic,AppleGothic,sans-serif;
	margin-left: auto;
        margin-right: auto;
	text-align: center;
	position: relative;
	box-sizing: border-box;

}

.textorojo1
{
        box-sizing: border-box;
        color: #bd1821;
        font-family: century Gothic,CenturyGothic,AppleGothic,sans-serif;
        font-size: 25px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: center;

}

.textonegro
{
		box-sizing: border-box;
        font-family: century Gothic,CenturyGothic,AppleGothic,sans-serif;
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: center;
}

.textonegro1
{
		box-sizing: border-box;
        font-family: century Gothic,CenturyGothic,AppleGothic,sans-serif;
        font-size: 17px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: center;
}

.columnaizquierdo
{
	width: 50%;
	height: 690px;
	position: relative;
	box-sizing: border-box;
	float: left;
    background-color: white;
}

.columnaderecho
{
	width: 50%;
	height: 690px;
	position: relative;
	box-sizing: border-box;
	float: left;
    background-color: white;
}

.contactorow1
{
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	float: left;
	position: relative;
	padding-top: 30px;
    background-color: white;
}


.rowformulario
{
	width: 100%;
	height: 70px;
	position: relative;
	box-sizing: border-box;
	float: left;
	padding-left: 19%;
}
.rowformularioA
{
	/*width: 100%;
	height: 80px;
	position: relative;
	box-sizing: border-box;
	float: left;
	padding-left: 17%;*/
	box-sizing: border-box;
    height: 80px;
    left: 32%;
    position: absolute;
    top: 500px;
    width: 100%;
}
.rowformularioB
{
	/*width: 100%;
	height: 80px;
	position: relative;
	box-sizing: border-box;
	float: left;
	padding-left: 19%;
	padding-top: 2%*/
	/*bottom: 110px;
    box-sizing: border-box;
    float: left;
    height: 80px;
    padding-left: 19%;
    padding-top: 2%;
    position: absolute;
    width: 100%;*/
	bottom: 53px;
    box-sizing: border-box;
    height: 40px;
    left: 20%;
    position: absolute;
    width: 50%;
}

.rowformulario2
{
	width: 100%;
	height: 200px;
	position: relative;
	box-sizing: border-box;
	float: left;
	padding-left: 19%;
}

.rowformulario3
{
    box-sizing: border-box;
    float: left;
    height: 340px;
    margin-bottom: 1px;
    /*margin-left: 135px;*/
    margin-top: 40px;
    position: relative;
    width: 100%;
}

.rowformulario4
{
	width: 100%;
	height: 40px;
	position: relative;
	box-sizing: border-box;
	float: left;
	color: #bd1821;
	text-align: center;
	font-size: 25px;
}

.rowformulario5
{
	width: 100%;
	height: 100px;
	position: relative;
	box-sizing: border-box;
	float: left;
	text-align: center;
	font-size: 15px;
	padding: 18px;
}

.cssCaptcha
{
	width: 100%;
}

.mapawebmaps
{
	width: 70%;
	border: none;
	height: 315px;
	margin-right: 15%;
	margin-left: 15%;
}

.asterisco
{
	color: #bd1821;
	font-family:  century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size: 25px;
	text-align: center;

}

.inputcontacto
{
	background-color: #d3d3d3;
        border: 0 solid;
        box-sizing: border-box;
        font-family: century Gothic,CenturyGothic,AppleGothic,sans-serif;
        font-size: 15px;
        height: 30px;
        padding-left: 2%;
        padding-right: 2%;
        text-align: justify;
        width: 90%;
}

.inputcontacto2
{
	width: 90%;
	height: 150px;
	font-family:  century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size: 15px;
	text-align: justify;
	background-color: #d3d3d3;
	border: solid 0px ;
	resize: none;
    box-sizing: border-box;
    padding-left: 2%;
    padding-right: 2%;
}

.botonenviar
{
    background-color: #bd1821;
    border: 0 solid;
    border-radius: 8px;
    color: white;
    float: right;
    font-family: century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-size: 15px;
    height: 38px;
    margin-right: 8%;
    position: relative;
    width: 150px;
}

.botonenviarDisable
{
    background-color: grey;
    border: 0 solid;
    color: white;
    float: right;
    font-family: century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-size: 20px;
    height: 45px;
    position: relative;
    width: 170px;
    margin-right: 8%;
	cursor:default;

}

.cssSuccessMSG
{
	position: fixed;
	background-color: yellowgreen;
	color: white;
	text-align: center;
	margin: auto;
	left: 37%;
	top: 25%;
	width: 307px;
	font-weight: bold;
	padding: 25px 6px;
}
.cssSuccessMSG div
{
	background: transparent url("img/sprite-contacto-mail.png")no-repeat scroll 0 0;
	height: 50px;
	width: 50px;
	position: relative;
	margin: auto;
}

.cssFailMSG
{
	position: fixed;
	background-color: red;
	color: white;
	text-align: center;
	margin: auto;
	left: 37%;
	top: 25%;
	width: 307px;
	font-weight: bold;
	padding: 25px 6px;
}

.cssFailMSG div
{
	background: transparent url("img/sprite-contacto-mail.png")no-repeat scroll -50px 0 ;
	height: 50px;
	width: 50px;
	position: relative;
	margin: auto;
}

.cssRingLoad
{
	background: transparent url("img/ring-load.svg")no-repeat scroll center/cover;
	padding: 10px;
	position: absolute;
	right: 10px;
	top: 10px;
}

@media screen and (min-width: 1800px) {
	.inputcontacto
	{
		width: 100%;
	}
	.inputcontacto2
	{
		width: 100%;
	}
}
@media screen and (max-width: 1215px) {
	.rowformularioB
	{
		/*width: 100%;
		height: 80px;
		position: relative;
		box-sizing: border-box;
		float: left;
		padding-left: 19%;
		padding-top: 2%;
		bottom: 0px;*/
		left: 35%;
	}
	.botonenviar
	{
		margin-right: 35%;
	}
	.rowformularioA
	{
		left: 25%;
	}
}

@media screen and (max-width: 900px) {
	.rowformularioA
	{	
		left: 15%;
	}
}

@media screen and (max-width: 960px) {
	.rowformularioA
	{
		left: 20%;
	}
}

@media screen and (max-width: 870px) {
	.rowformularioA
	{
		left: 15%;
	}
}
@media screen and (max-width: 768px) {
    
.contactoBackground
{
    height: 250px;
}

.columnaizquierdo
    {
       width: 100%;
    }

.rowformulario
    {
       padding-right: 10%;
       padding-left: 10%
       
    }
.rowformulario2
    {
       padding-right: 10%;
       padding-left: 10%
       
    }
.botonenviar
{
    margin-right: 50%;
}
.rowformularioA
	{
		left: 27%;
	}
.contactotitle
{
    font-size: 70px;
    margin-bottom: 0px;
    margin-top: 100px;
    height: 70px;
}

.contactosubtitle
{
    font-size: 20px;
}

.columnaderecho
    {
       width: 100%;
       height: 700px;
    }

	/*.rowformularioB
	{
	width: 100%;
	height: 80px;
	position: relative;
	box-sizing: border-box;
	float: left;
	padding-left: 19%;
	padding-top: 2%;
	bottom: 0px;
	}  */  
}

@media screen and (max-width: 575px) {
	.rowformularioA
	{
		left: 17%
	}
}

@media screen and (max-width: 440px) {
	.rowformularioA
	{
		left: 14%
	}
}

@media screen and (max-width: 425px) {
	.rowformularioA
	{
		left: 10%
	}
}

@media screen and (max-width: 350px) {
	.rowformularioA
	{
		left: 5%
	}
	.rowformularioB
	{
		left:50%;
	}
	.rowformulario4
	{
		height: 60px;
	}
}

@media screen and (max-width: 310px) {
	.rowformularioA
	{
		left: 0%
	}
}


@media screen and (max-width: 480px){
    
	.contactotitle {
    font-size: 60px;
    margin-left: 30px;
    height: 70px;
    }
	.contactorow
	{
		padding-top:30px;
	}
	.contactosubtitle
	{
    	font-size: 15px;
    	margin-left: 35px;
	}
	.textorojo
	{
		font-size: 21px;
	}
	.textonegro1
	{
		font-size: 15px;
	}
	.inputcontacto
	{
		font-size: 14px;
		width: 100%;
	}
	.inputcontacto2
	{
		font-size: 14px;
		width: 100%;
	}
	.botonenviar
	{
		width: 150px;
		height: 35px;
		margin-right: 10%;
		font-size: 18px;
	}
	.columnaderecho
	{
		height: 630px;
		padding-left: 7%;
		padding-right: 7%;
	}
	.textorojo1
	{
		font-size: 21px;
	}
	.textonegro
	{
		font-size: 18px;
	}
	.rowformulario4
	{
		font-size: 21px;
	}
	.rowformulario5
	{
		font-size: 11px;
		padding-left: 18px;
		padding: 0px 18px 0px 18px;
		height: 70px;
	}
	.contactorow1
	{
		height: 115px;
		padding-top:2px;
	}
	.rowformulario3
	{
		margin-left: auto;
		margin-right: auto;
		margin-top:0px;
	}
	.mapawebmaps
	{
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	}

	.botonenviar
	{
    margin-right: 50%;
	}
}