@charset "utf-8";
/* CSS Document */


.zoom {
	zoom: 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0
}

a#accion{text-decoration:none}

body{padding:0; margin:0;font-family: 'Open Sans', sans-serif; color:#454545}
.vacio{clear:both}
.Wrapper{width:95%; margin:auto; max-width:1300px;}
.cajas{	border-style: solid;
    border-width: 1px;
    border-color: #beb191;
	color: #666;
    border-radius: 2px;
    box-shadow: inset 0px 2px 3px #dddddd;
    -webkit-box-shadow: inset 0px 2px 3px #dddddd;
    -moz-box-shadow: inset 0px 2px 3px #dddddd;
	height: 37px;
    font-size: 14px;
    line-height: 14px;
    padding-left: 10px;
    padding-right: 10px;
width:90%;}
label{font-weight:bold; font-size:.9em; line-height:1.3em}
.Privacidad{font-size:.8em}
.BTNN{display: block;
    border-style: outset;
    border-radius: 4px;
    width: 65%;
    height: 54px;
    margin:25px auto 0 auto;
    background: rgba(0,92,130,1);
    box-shadow: none;
    text-shadow: 1px 1px #000000;
    color: #fff;
    border-width: 1px;
    border-color: #990000;
    font-size: 16px;
    line-height: 19px;
	padding-top:10px;
    font-weight: 400;
    font-style: normal;
    text-align: center;}
.BTNN:hover{background:rgba(11,235,217,1.00)}
.BTNN2{
    border-style: outset;
    border-radius: 4px;
    width: 65%;
	max-width:200px;
    min-height: 54px;
    margin:25px auto 0 auto;
    background: rgba(0,92,130,1);
    box-shadow: none;
    text-shadow: 1px 1px #000000;
    color: #fff;
    border-width: 1px;
    border-color: #990000;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    font-style: normal;
    text-align: center;}





.parallax{background: rgb(0,92,130); min-height: 500px; height:auto;background: linear-gradient(20deg, rgba(0,92,130,1) 0%, rgba(0,28,53,1) 100%); padding-bottom:10px;}
#logo{width:50%; padding:10px 0 0 0; float:left}
#logo img {width:99%; height:auto}
#Tel{width:48%; text-align:right; float:right; padding:10px 0 0 0}
#TelMobile{display:block;font-size:1.5em; line-height:1.1em;font-weight:bold; clear:both}
#TelMobile a, #TelMobile a:link, #TelMobile a:active, #TelMobile a:visited{color:#ffffff; text-decoration:none}
.atencion{font-size:1.1em; color:#ffffff}
#TelComputer{display:none;font-size:1.4em; color:#ffffff; line-height:1.1em;font-weight:normal;}
#Claim{width:100%; margin:40px auto 20px 0; float:none;}
#Claim h1{text-align:center;font-size:2.5em; line-height:1.2em; padding:0; margin:0; color:#ffffff}
#Claim h2{text-align:center;font-size:1.2em; color:#ffffff; font-weight:normal; padding:0; margin:0}
#Claim ul {color:#ffffff; list-style:disc outside;font-size:1.2em}
#Claim h3{padding:0; margin:15px 0 0 0; font-size:1.2em; font-weight:normal; text-align:justify; color:#ffffff}
#Form{width:300px; margin:20px auto 10px auto; float:none; max-width:300px;background:rgba(244,242,240,1); clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%); border-top:6px solid #005C82}
.InForm{background:url(Images/BlueArrow.png) top center no-repeat; padding:10px 15px 110px 15px}
h3.FormClaim{text-align:center; color:#005c82; font-size:1.3em; padding:10px 0; margin:0}
p.formText{padding:0 0  15px 0; margin:0; font-size:.9em; text-align:center}


#Intro{margin:25px 0}
.col2A{width:100%; float:none; margin:0 0 20px 0; font-size:1em}
.TopCaract{color:#005c82}
.TopCaract img{margin:0 15px}
.TopCaract span{font-size:1.8em; line-height:1.2em}
#Caracterisitcas{margin:25px 0 0 0; background:#f6f6f7; padding:25px 0 5px 0}
.col3{width:100%; float:none; margin:0 0 20px 0; text-align:center; font-size:.9em}
#Defendemos, #Experiencia, #Condiciones{width:160px; height:160px; border:3px solid #005c82; margin:0 auto 20px auto;-webkit-border-radius: 50%;
-moz-border-radius: 50%;border-radius: 50%;}
#Defendemos{background:url(Images/NewLawyer.jpg) center center no-repeat; }
#Experiencia{background:url(Images/experiencia.jpg) center center no-repeat;}
#Condiciones{ background:url(Images/Firma.jpg) center center no-repeat;}
.col3 span{font-size:1.6em; line-height:1.1em;color:#005c82}
#Exitos{margin:30px 0 0 0; background:url(Images/Arrow2.png) center bottom no-repeat; padding:0 0 50px 0}
.col2{width:100%; float:none; margin:0 0 20px 0; font-size:.9em}
.col2 img, .col2C img{margin:0 15px}
.col2 span, .col2C span{font-size:1.3em; line-height:1.2em;color:#005c82}
.col2C{width:100%; float:none; margin:0 0 20px 0; text-align:right; font-size:.9em}
#Valoraciones{margin:0 0 50px 0; background:#f4f7f7; padding:40px 0 20px 0}
.Valoracion{width:100%; float:none; margin:0 0 20px 0}
.testimonio1, .testimonio2{border-top:6px solid #005C82; padding:10px;  background:#ccdee6; font-size:.9em; font-style:italic; color:#005C82;}
.testimonio1{ text-align:left; }
.leftarrow{margin-left:40px; width:18px; height:10px; background:url(Images/BlueArrow.png) center top no-repeat; font-size:1px; padding-bottom:10px;}
.nametesti{color:#990000}
.nametesti span{font-size:.85em; color:#005C82; font-style:italic}
.testimonio2{text-align:right; background:#ccdee6; font-size:.9em; font-style:italic; color:#005C82;}
.rightarrow{margin-right:40px; width:18px; height:10px; background:url(Images/BlueArrow.png) center top no-repeat; padding-bottom:10px; font-size:1px; margin-left:auto;}
#cierre{margin:20px 0 50px 0; text-align:center}
h3.cierreclaim{color:#005c82; font-weight:bold; font-size:1.3em; max-width:90%; margin:0 auto;}
a#IRalform, a#IRalform:link, a#IRalform:active, a#IRalform:visited{text-decoration:none}
footer{background:#005c82; padding:10px 0}
.copy{text-align:center; font-size:.8em; line-height:1.2em; color:#ffffff; width:100%; float:none}
.Reacciona{text-align:center; font-size:.8em; line-height:1.2em; color:#ffffff; width:auto; float:none}
.Legales{text-align:center; font-size:.8em; line-height:1.2em; color:#ffffff}
.Legales a, .Legales a:link,.Legales a:active, .Legales a:visited{color:#ffffff!important} 

@media  only screen and (min-width: 767px) and (max-width: 989px){
	.parallax{background:url(Images/Abogada.jpg) center top no-repeat #7d7f7d;min-height: 500px; height:600px; padding-bottom:0; }
	.parallax{background-attachment: fixed; background-position: center; background-repeat: no-repeat;  background-size: cover;}
	#logo{width:216px;}
	#Tel{width:70%; text-align:right}
	#TelMobile{display:none;}
	.atencion{font-size:1.4em;}
	#TelComputer{display:inline-block;}
	#Claim{width:50%; margin:40px auto 10px 2%; float:left;}
	#Claim h1{}
	#Claim h2{}
	#Claim ul {}
	#Claim h3{}
	#Form{width:300px; margin:180px 2% 0 0; float:right;}
	#Intro{}
	.col2A{width:50%; float:none; margin:0 0 20px 0; font-size:1em}
	.TopCaract span{font-size:2em}
	#Caracterisitcas{margin:35px 0 0 0;  padding:50px 0 35px 0}
	.col3{width:29%; float:left; margin:0 2% 20px 2%; text-align:center; font-size:.9em}
	.col3 span{font-size:1.4em;}
	#Exitos{margin:50px 0 0 0;}
	.col2{width:46%; float:left; margin:0 2% 20px 2%;}
	.col2C{width:46%; float:left; margin:0 2% 20px 2%; }
	#Valoraciones{}
	.Valoracion{width:44%; float:left; margin:0 3% 20px 3%}
	#cierre{margin:30px 0 50px 0; }
	h3.cierreclaim{font-size:1.6em; max-width:70%; }
	.copy{text-align:left;  width:auto; float:left	}
	.Reacciona{text-align:right; width:auto; float:right}
	}
@media  only screen and (min-width: 990px) and (max-width: 1199px){
	.parallax{background:url(Images/Abogada.jpg) center top no-repeat #7d7f7d;min-height: 500px; height:600px; padding-bottom:0; }
	.parallax{background-attachment: fixed; background-position: center; background-repeat: no-repeat;  background-size: cover;}
	#logo{width:216px;}
	#Tel{width:52%; text-align:right}
	#TelMobile{display:none;}
	.atencion{font-size:1.8em;}
	#TelComputer{display:inline-block;font-size:1.8em}
	#Claim{width:50%; margin:60px auto 10px 5%; }
	#Claim h1{font-size:1.3em;}
	#Claim h2{font-size:1.3em;}
	#Claim ul {font-size:1.3em;}
	#Claim h3{font-size:1.3em;}
	#Form{width:300px; margin:-250px 1% 0 0; float:right;}
	#Intro{}
	.col2A{width:29%; float:left; margin:0 2% 20px 2%; font-size:.9em}
	.TopCaract span{}
	#Caracterisitcas{margin:35px 0 0 0;  padding:50px 0 35px 0}
	.col3{width:29%; float:left; margin:0 2% 20px 2%; text-align:center; font-size:.9em}
	.col3 span{font-size:1.4em;}
	#Exitos{margin:50px 0 0 0; background:url(Images/Arrow3.png) center bottom no-repeat; padding:0 0 70px 0}
	.col2{width:46%; float:left; margin:0 2% 20px 2%;}
	.col2C{width:46%; float:left; margin:0 2% 20px 2%; }
	.col2 span, .col2C span{font-size:1.6em;}
	#Valoraciones{}
	.Valoracion{width:44%; float:left; margin:0 3% 20px 3%}
	#cierre{margin:30px 0 50px 0; }
	h3.cierreclaim{font-size:1.6em; max-width:50%; }
	.copy{text-align:left;  width:auto; float:left	}
	.Reacciona{text-align:right; width:auto; float:right}	
	}
@media  only screen and (min-width: 1200px) {
	.parallax{background:url(Images/Abogada.jpg) center top no-repeat #7d7f7d;min-height: 500px; height:600px; padding-bottom:0; }
	.parallax{background-attachment: fixed; background-position: center; background-repeat: no-repeat;  background-size: cover;}
	#logo{width:216px;}
	#Tel{width:48%; text-align:right}
	#TelMobile{display:none;}
	.atencion{font-size:1.8em;}
	#TelComputer{display:inline-block;font-size:1.8em}
	#Claim{width:50%; margin:60px auto 10px 5%; }
	#Claim h1{font-size:3em;}
	#Claim h2{font-size:1.5em;}
	#Claim ul {font-size:1.5em;}
	#Claim h3{font-size:1.5em;}
	#Form{width:300px; margin:-320px 2% 0 0; float:right;}
	#Intro{}
	.col2A{width:29%; float:left; margin:0 2% 20px 2%; font-size:.9em}
	.TopCaract span{}
	#Caracterisitcas{margin:35px 0 0 0;  padding:50px 0 35px 0}
	.col3{width:29%; float:left; margin:0 2% 20px 2%; text-align:center; font-size:.9em}
	.col3 span{font-size:1.4em;}
	#Exitos{margin:50px 0 0 0; background:url(Images/Arrow3.png) center bottom no-repeat; padding:0 0 70px 0}
	.col2{width:46%; float:left; margin:0 2% 20px 2%;}
	.col2C{width:46%; float:left; margin:0 2% 20px 2%; }
	.col2 span, .col2C span{font-size:1.6em;}
	#Valoraciones{}
	.Valoracion{width:44%; float:left; margin:0 3% 20px 3%}
	#cierre{margin:30px 0 50px 0; }
	h3.cierreclaim{font-size:1.6em; max-width:50%; }
	.copy{text-align:left;  width:auto; float:left	}
	.Reacciona{text-align:right; width:auto; float:right}	
	
	}