@font-face {
    font-family: gothic;
    src: url('Century Gothic.ttf'),
         url('Century_Gothic.eot'),
		 url('Century Gothic.woff'),
		 url('centurygothic.otf'),
		 url('Century Gothic.svg')
		 ; /* IE9 */
}
body{
	font-family:gothic;
}

a { color: #5C7F99; text-decoration: none; }


#head .download a,
#examples .exampleMenu a { 
	-moz-border-radius: 5px; 
	font-style: italic; 
	font-size: 16px; 
	background-color: #9b9b9b; 
	color: white; 
	padding: 5px 10px; 
	width: 200px; 
	margin: 5px; 
	display: block; 
}
#head .download a:hover, #examples .exampleMenu a:hover, .exampleActive { background-color: #474747 !important; text-decoration: none; }

#head .headText {  }

#examples #exampleSimple, #examples code, #examples .exampleMenu, #examples #exampleMulti { float: left; }
#examples .exampleMenu { width: 150px; }

#examples .exampleMenu a { display: block; font-size: 14px; width: 115px; }
#examples code { display: none; width: 310px; background: none; float: left; }
#examples h2 { padding-bottom: 10px; }


/*--- shared */



#ftHolder { width: 809px; float: left; text-align: center; height: 315px; font-size:16px; }
#ft { width:805px;}
#example { float: left; }
.ft-title { padding: 10px 10px; width: 780px; text-align: left; }


/*--- end:shared */

.topbar h2{ font-weight: normal !important }
.topbar a { color: #3399cc; text-decoration: none; }

.ft-prev, .ft-next { background-color: #000; padding: 0 10px; }

.ft-button-ft-active { color: black; }

#contacto{background-image:url('../img/contacto.jpg');
margin-top:14px;
width:219px;
height:239px;
float:left;
}
#contenido{
float:left;
border:0px solid #00F;
	
margin-top:14px;
width:525px;
height:auto;
}

#contenido_cont{
float:left;
border:0px solid #00F;
background-image:url('../img/contenido.jpg');	
margin-top:14px;
width:525px;
height:460px;
}

#titulo{

font-weight:bold;
font-size:30px;
color:#424242;
}

#tit_servicio{

font-weight:bold;
font-size:30px;
color:#424242;
}

#tit_contacto{

font-weight:bold;
margin:0 auto;
font-size:30px;
color:#424242;
}


#titulocon{

font-weight:bold;
font-size:14px;
color:#424242;
margin:18px 0px 0px 60px;
}

#uniforme{
	height:195px;
	width:190px;
	margin:0 auto;
	text-align:left;
	padding-bottom:20px;
	
	}
	
	#sist{
	height:0 auto;
	width:300px;
	margin-top:20px;
	margin-left:80px;
	text-align:left;
	padding-bottom:20px;
	
	}

#dir{
font-family:gothic;
font-weight:regular;
font-size:12px;
color:#424242;
width:160px;
margin:18px 0px 0px 35px;
}

#mailin{
font-family:gothic;
font-weight:regular;
font-size:10px;
color:#424242;
width:160px;
margin:10px 0px 0px 30px;
}

#tel{

font-weight:regular;
font-size:12px;
color:#424242;
width:160px;
margin:24px 0px 0px 35px;
}

#tel2{

font-weight:regular;
font-size:12px;
color:#424242;
width:160px;
margin:0px 0px 0px 97px;
}

#mail{

font-weight:regular;
font-size:10px;
color:#424242;
width:160px;
margin:30px 0px 0px 30px;
}


#titazul{
font-weight:regular;
font-size:16px;
color:#1183c8;
margin-top:0px;
}

#text{
font-family:gothic;
font-weight:regular;
font-size:14px;
color:#424242;
margin-top:10px;
text-align:justify;
}

#text_cont{
font-family:gothic;
font-weight:regular;
font-size:14px;
color:#424242;
margin-top:35px;
text-align:justify;
padding-top:20px;
width:379px;
height:56px;
margin:0 auto;
}

#text2{
font-family:gothic;
font-weight:regular;
font-size:14px;
color:#424242;
margin-top:20px;
text-align:justify;
}

#pie{
	font-family:gothic;
	font-size:8px;
	margin::0 auto;
	text-align:center;
	margin-top:40PX;
	}
	
	
#form{
	background-image:url(../img/back_cont.jpg);
	height:511px;
	width:512px;
	text-align:center;
	margin-top:15px;}
	

form input
{
    clear: both;
	font-family:gothic; 
	font-size:14px;   
    margin-top: 5px;
    margin-bottom: 10px;
	
}

form textarea
{
    clear: both;
	font-family:gothic;
	font-size:14px;    
    margin-top: 10px;
    margin-bottom: 10px;
	
}

#mapa{
	clear: both;
	padding-top:26px;
	padding-left:10px;
	}