@charset "utf-8";


#sectioninfo{
	width:100%;
	height:auto;
	max-width:1000px;
	margin:0 auto 3% auto;
	padding:0;
}


#contac{
	width:98.5%;
	padding:0 auto;
	margin:3% auto;
	max-width: 1000px;
	background:#efefef;
	border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
	display:block;
}
#logocontac {
    width:9%;
    min-width:45px;
    display:inline-block;
    vertical-align:top;
}
#titulocontac{
	width:75%;
	display:inline-block;
	vertical-align:top;
	min-height:40px;
	margin:0;
	padding:0;
}
#titulocontac h1{
	font-size:1.5em;
	text-decoration:none;
	padding:0;
	margin:2.5% 0 0 0;
	color:#393939;
}

#sectioninfo p{
    font-size:0.9em;
	margin:2% 0.5% ;
	padding:0;
	text-decoration:none;
	text-align:center;
	word-wrap:break-word;
	color:#666;
}

#sectioninfo h2{
	font-size: 1.2em;
	text-align: center;
	margin: 0 10%;
	margin-bottom: 5%;
	text-decoration: none;
	font-weight: bold;
	color: #686868;
/* [disabled]color:#333; */
}

.icon-contactenos:before {
    margin:0 2.3%;
    padding:0;
    font-size:1em;
}

#texte {
    display:block;
    width:98.5%;
    margin:0 auto;
    padding:0;
}

#texte p{
	display:block;
	font-size:0.9em;
	margin:2% 0.5% ;
	padding:0;
	text-decoration:none;
	text-align:justify;
	word-wrap:break-word;
}
#infor1, #infor2, #infor3 {display:block;width:100%;margin:3% auto; padding:0;}
#infor3 {
    width:100%; border:none;
}
#telss1, #telss2 {
    display:inline-block;
    vertical-align:top;
    width:49.4%;
    margin:0;
    padding:0;
    padding-top: 15px;
}

#corss1, #corss2 {
    display:inline-block;
    vertical-align:top;
    width:49.4%;
    margin:0;
    padding:0;
    padding-top: 15px;
}

#corss1 a {
    margin:0;
    padding:0;
    color:#666;
    /*font-size:1em;*/
    transition:none;
}

#corss2 a {
    display:block; margin:3% 1% 3% 7%; padding:0; color:#666; text-indent:42px; font-size:1em; top:15px;}
#corss2 a:hover {color:#000;}
#corss2 a#twit {
    background-image:url(../images/twitter.png);
    height:32px;
    width:32px;
}

#corss2 a#twit:hover {
    background-image:url(../images/twitter2.png);
    transition:none;
}

#corss2 p {
    font-size:1em !important;
    padding:2px 0;
    text-align:left;
    width:290px;
}

#corss2 p:hover {
    color:#000;
    text-decoration:underline;
}

#corss2 a#fac {
    background-image:url(../images/facebook.png);
    height:32px;
    width:32px;
}
#corss2 a#fac:hover {
    background-image:url(../images/facebook2.png);
    transition:none;
}
#corss2 a#goo {
    background-image:url(../images/google.png);
    height:32px; width:32px;
}
#corss2 a#goo:hover {
    background-image:url(../images/google2.png);
    transition:none;}
#corss2 a#you {
    background-image:url(../images/youtube.png);
    height:32px; width:32px;}
#corss2 a#you:hover {
    background-image:url(../images/youtube2.png);
    transition:none;
}
#reds {
    width:100%;
    display:block;
    margin:0 auto;
    max-width:290px;
    padding:0;
    padding-top: 15px
}

#dir, #maps {
    display:inline-block;
    vertical-align:top;
    padding:0;
    margin:0;
    width:49.4%;
    padding-top: 15px
}
#dir {
    margin-top:11%;
}
#dir p:hover {
    text-decoration:underline;
    color:#000;
}
#map1 {
    /*width:200px;
    height:20px;*/
    display:block;
    margin:3% auto;
}

#map2 {
    display:block;
    margin:0 auto;
    padding:0;
    border:#bababa solid 7px;
    width:240px;
     border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
	opacity:0.7;
}

#map2 img {
	max-width:240px;
	max-height:240px;
	display:block;
	margin:0 auto;
	width:100%;
}
#map2 p {
	font-size:0.8em;
	color:#333;
	text-align:center;
	display:block;
	margin:2% auto;
}
#map2:hover{
	opacity:1;
}



/* Diseño tablet- LANDSCAPE y portrait: max ancho 768px */

@media only screen and (max-width: 768px) {

    #contac {
        height:auto;
    }

    #logocontac {
        width:10.5%;
    }

}

@media only screen and (max-width:665px) {
    #infor3 {
        width:98.5%;
    }
    #telss1, #telss2, #corss1, #corss2, #dir, #maps {
        width:100%;
        display:block;
    }
    #corss2 a {
        display:block; margin:3%;
    }
}

/* Diseño smartphone- LANDSCAPE: max ancho 479px.*/

@media only screen and (max-width: 479px) {

    #texte p {
        font-size:0.8em; margin:2%;
    }
    #telss1 h2, #telss2 h2, #corss1 h2, #corss2 h2 {
        font-size:1.1em;
    }

    #telss1, #telss2, #corss1, #corss2, #dir, #maps{
        margin:7% 0;
    }
    #sectioninfo p {
        /*font-size:0.8em;*/
        margin:2%;
    }
    #sectioninfo h2 {
        font-size:1em;
        margin:2%;
    }
    #corss2 a {
        font-size:0.85em;
    }
    #corss2 p {
        font-size:0.9em;
        width:270px;
    }
    #contac {
        height:auto;
    }
    #titulocontac {
        width:100%;
    }
    #titulocontac h1 {
        /*font-size:1em;*/
        margin:2.5% 0 0 2%;
        text-align: center;
    }
    #logocontac{
        display:none;
    }

}