/* Global properties */
html {width:100%}
body {font-family:Arial, Helvetica, sans-serif;
	font-size:100%;color:#9d9d9d;min-width:984px;
	background:url(../images/body.jpg) center 0 repeat;}

a {color:#00a9ff;outline:none}


a:hover {text-decoration:none}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}

.col-1, .col-2, .col-3, .col-4  {float:left}
.col-9{float:left; height: 200px }
.bloqueo2 {width:100%;overflow:hidden}
.bloqueo {overflow:hidden; text-align : justify;}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}

.bg {  width:100%;
	background:url(../images/bg.jpg) no-repeat center center fixed;
		   background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;

}
.main {width:984px; margin:0 ; margin: auto;
	}




	.funcion{

		width: 930px;

	}
	
	.bloque3{
	width: 460px;
	float: left;
	margin-left: 230px;
	}





	.globo1 {
    position:relative;
    padding:15px;
    margin:5px 0 ;
    border:2px solid #bde1fd;
    color:#333;
    background:#fff;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    margin-left:30px;
    display : inline-flex;
    float:bottom;
}
 
.globo1:before {
    content:"";
    position:absolute;
    border-style:solid;
    display:block; 
    width:0;
    top:10px; 
    bottom:auto;
    left:-30px; 
    border-width:15px 30px 15px 0;
    border-color:transparent #bde1fd;
}
 
.globo1:after {
    content:"";
    position:absolute;
    border-style:solid;
    display:block; 
    width:0;
    top:16px; 
    bottom:auto;
    left:-21px; 
    border-width:9px 21px 9px 0;
    border-color:transparent #fff;
}

div#formulario{

 color:#000;
margin-left: 30px;

}


p {margin-bottom:18px}
.p0 {margin-bottom:0px}
.p1 {margin-bottom:6px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:45px}
.p5 {margin-bottom:50px}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.title {margin-bottom:18px}
.it {font-style:italic}
.letter {letter-spacing:-1px}
.color-1 {color:#00a9ff}
.color-2 {color:#a2c902}
.color-3 {color:#fabb0c}
.color-4 {color:#0f0f0f}
.color-8 {color:#006400; float:right;}
/* boxes */

.spacing {margin-right:35px}

.indent2 {padding-top:10px}
.indent3 {padding-top:68px}
.indent4 {padding:26px 0 0px 32px}
.indent5 {padding-top:22px}
.indent-bot {margin-bottom:22px}
.indent-bot2 {margin-bottom:19px}
.indent-bot3 {margin-bottom:45px}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:0 10px 0px 0}
.img-indent2 {float:left;margin:0 15px 0px 0}
.img-indent3 {float:left;margin:0 20px 0px 0}
.img-indent4 {float:left;margin:0 28px 0px 0}
.img-indent-r {float:right;margin:4px 0px 0px 15px}
.prev-indent-bot {margin-bottom:10px}
.buttons a:hover {cursor:pointer}
.menu li a, .list-1 li a, .button-2, .logo {text-decoration:none}
/* header */
header {width:100%;margin-bottom:-16px;position:relative;z-index:1}
.portada {width:100%;
	height:113px;
	overflow:hidden;
	padding-top:24px}
.men {width:100%;
	min-height:85px;
	position:relative;
	z-index:1}

.slide {width:100%;
	min-height:417px;
	position:relative;
	z-index:2}

h1 {padding:0px 0 0 40px;position:relative;float:left}


.logo img {
	width:300px;
	height:50px;
	text-indent:-5000px;
	}


.slog {display:block;font-size:14px;line-height:1.2em;
	color:#8a8a8a;text-transform:uppercase;letter-spacing:-1px}
/* search-form */

/* main menu */
.menu {width:100%}
.menu li {float:left;position:relative;margin-right:1px}
.menu li.last-item {margin:0}
.menu li a {display:inline-block;width:196px;font-size:17px;line-height:1.22em;padding:18px 0 36px;margin-top:10px;color:#fff;background:#000;text-align:center;border-radius:18px 18px 0 0;-moz-border-radius:18px 18px 0 0;-webkit-border-radius:18px 18px 0 0}
.menu li a.active, .menu li a:hover {color:#FFF;background:#006400;padding:28px 0 36px;margin:0}
/* slider */
.slider-wrapper {
	overflow:hidden;width:984px;
	position:absolute;top:-16px;
	left:0;background:#006400;
	border-radius:0 18px 0 0;
	border-radius:0 18px 0 0;
	border-radius:0 18px 0 0}

.slider {
	height:403px;
	width:948px;
	margin:10px auto}









/* content */
#content {width:100%;padding:10px 0 40px;
	background:#fff;border-radius:18px 18px 0 0;
	border-radius:18px 18px 0 0;
	border-radius:18px 18px 0 0;
	position:relative;z-index:2}
#content .tipo {padding:20px 12px  1px 38px; }
#content2 {
	width:100%;
	padding:10px 0 10px;
	background:#006400;
	border-radius:18px 18px 0 0;
	border-radius:18px 18px 0 0;
	border-radius:18px 18px 0 0;
	position:relative;z-index:2;}
#content2 .tipo2{
padding:14px 12px 10px;
background: #e4e4e4;
margin: 5px;
border-radius: 18px 18px 0 0;

}


.caja4{
	width: 100%;



}
.bloque4{
	float: center;
}



h2 {font-size:39px;line-height:1.9em;color:#0f0f0f;margin-bottom:5px;letter-spacing:-2px}
h3 {font-size:30px;line-height:1.3em;margin-top:-5px;letter-spacing:-2px}
h3 strong {display:block;color:#fefefe;margin-bottom:-11px}
h4 {font-size:23px;line-height:1.2em;color:#fefefe;letter-spacing:-1px;margin-bottom:20px}
h5 {color:#0f0f0f;text-decoration:underline;font-weight:normal}
h6 {color:#0f0f0f;font-weight:normal;margin-bottom:5px}
 h3  #esto {display:block;color:#000;margin-bottom:-11px}

.canvas{
height: 200px;
width: 300px;
float: right;
margin-top: 
}


.box {width:100%;
	background:url(../images/box.png) center 0 no-repeat #101010;
	border-radius:19px;
	border-radius:19px;
	border-radius:19px}
	.cajapequena {width:200px;
		height: 200px;
		margin-left: 30px;
	
	border-radius:19px}
.box h3 {margin-top:-8px}
.box .pad {padding:28px 35px}
.box.first .button {background:url(../images/button1.png) left top no-repeat}
.box.first .button:hover {background-position:left bottom}
.box.first .numb {background:url(../images/numb-1.gif) 0 0 repeat-x #00a9ff}
.box.second .button {background:url(../images/button2.png) left top no-repeat}
.box.second .button:hover {background-position:left bottom}
.box.second .numb {background:url(../images/numb-2.gif) 0 0 repeat-x #a2c902}
.box.third .button {background:url(../images/button3.png) left top no-repeat}
.box.third .button:hover {background-position:left bottom}
.box.third .numb {background:url(../images/numb-3.gif) 0 0 repeat-x #fabb0c}
.numb {display:inline-block;padding:3px 7px 6px;font-size:40px;line-height:1.2em;letter-spacing:-2px;color:#fefefe;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
*+html .numb {padding:6px 7px 4px}
.caja3 {padding:10px 13px 10px;
	border:1px solid #eaeaea;
	background:url(../images/block-news-tail.gif) 0 0 repeat-x #f9f9f9;border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px}
.button {display:block;width:43px;height:43px;text-indent:-5000px}
.button-2 {display:inline-block;font-size:19px;line-height:1.21em;letter-spacing:-1px;color:#fefefe;padding:9px 20px 11px;background:url(../images/button-tail.gif) 0 0 repeat-x #3c3c3c;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.button-2:hover {background:#3c3c3c}
.list-1 li {line-height:24px;padding-left:10px;background:url(../images/marker.gif) 0 10px no-repeat}
.list-1 li a {display:inline-block;color:#9d9d9d}
.list-1 li a:hover {text-decoration:underline}
.list-2 li {line-height:24px}
.link {color:#9d9d9d}
.link:hover {text-decoration:none} 
.link-1 {display:inline-block;font-size:14px;padding-right:8px;background:url(../images/marker-3.gif) right 8px no-repeat}
.link-1:hover {color:#fff} 
.text-1 {line-height:20px;margin:0} 
dl.address {line-height:24px;color:#9d9d9d}
dl.address span {float:left;width:74px;color:#fefefe}
dl.contact {line-height:20px;color:#9d9d9d}
dl.contact span {display:block;color:#0f0f0f}
dl.contact dt, dl.contact dd {margin-bottom:5px}
.tdate-1 {font-size:20px;line-height:1.2em;color:#0f0f0f;text-align:center;letter-spacing:-2px;margin:-8px 16px 0 0}
.tdate-1 strong {display:block;font-size:49px;line-height:1.2em;color:#00a9ff;margin-bottom:-10px}
.tdate-2 {float:left;color:#0f0f0f}
.news {padding-left:25px;background:url(../images/pic-1.gif) 0 0 no-repeat}
#contact-form {display:block}
#contact-form  label {display:block;height:30px;overflow:hidden}
#contact-form  input {float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
#contact-form textarea {height:262px;overflow:auto;float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
.text-form {float:left;display:block;font-size:14px;width:73px;line-height:1.78em;color:#0f0f0f}
.buttons {padding-top:16px;text-align:right}
.buttons a {margin-left:6px;padding:9px 25px 11px}
/* footer */
footer {width:100%;}
.row-top {width:100%;padding:33px 0 42px;background:#000}
.row-padding {padding:0 62px}
.row-bot {width:100%;padding:35px 0;font-size:12px;line-height:20px}
.list-services li {line-height:24px;padding-left:28px}
.list-services li a {color:#9d9d9d;text-decoration:none}
.list-services li a:hover {text-decoration:underline}
.list-services li.item-1 {background:url(../images/facebook.png) 0 3px no-repeat}
.list-services li.item-2 {background:url(../images/twitter.png) 0 3px no-repeat}
.list-services li.item-3 {background:url(../images/whatsapp.png)0 3px no-repeat}
.sonlaine img {width: 490px; height: 65px; margin-bottom: 10px;}
.footer-logo strong {color:#00a9ff;text-transform:none;display:inline-block}
.phone {

	font-size:20px;
	line-height:1.2em;
	color:#9d9d9d;
	letter-spacing:-1px;
	padding-left:0px;




}
.phone strong {color:#fff}

.contacto{
	border: 1px solid #CED5D7;
	border-radius: 6px;
	padding: 45px 45px 20px;
	margin-top: 50px;
	background-color: white;
	box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #006400 inset;
}
.contacto label{
	display: block; 
	font-weight: bold;
}
.contacto div{
	margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	width: 294px;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 3px #EEF5F7;
	margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
	box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='text'].invalido, .contacto textarea.invalido{
	box-shadow:0 0 0 3px #FFC9C9;
}
.contacto input[type='submit']{
	border: 1px solid #CED5D7;
	box-shadow:0 0 0 3px #EEF5F7;
	padding: 8px 16px;
	border-radius: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	
	background: #e4f1f6; 
	background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:hover{
	background: #edfcff; 
	background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:active{
	background: #cfe6ef; 
	background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}
.error{
    background-color: #BC1010;
    border-radius: 4px 4px 4px 4px;
    color: white;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 6px;
    padding: 6px 12px;
    position: absolute;
}
.error:before{
    border-color: transparent #BC1010 transparent transparent;
    border-style: solid;
    border-width: 6px 8px;
    content: "";
    display: block;
    height: 0;
    left: -16px;
    position: absolute;
    top: 8px;
    width: 0;
}
.result_fail{
    background: none repeat scroll 0 0 #BC1010;
    border-radius: 20px 20px 20px 20px;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}
.result_ok{
    background: none repeat scroll 0 0 #1EA700;
    border-radius: 20px 20px 20px 20px;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}
 #container {
        width : 300px;
        height: 184px;
        margin: 8px auto;
        float: left;
      }

 #grafica{

 	width: 100%;
 	height: 300px;

 }

.caja{
	width: 100%;
	margin-top: 20px;
	
}

.bloque{
	width: 460px;
	float: left;
	margin-left: 15px;
}
.bloque2{
	width: 460px;
	float: left;
	margin-left: 15px;
}