*{padding:0; margin:0;}
ul {list-style:none;}
.clear {clear:both;}
h1, h2, h3, h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


html {height:100%; width:100%;
background:url(../images/topbg.jpg);
background-attachment: fixed;
  background-repeat: repeat;
  background-position: top left}
  

  
body {font: 12px Verdana, Geneva, sans-serif; color:#502525;}


#wrap { width:930px; padding:15px; background:#fefefd; margin:auto;}
#sitename { width:414px; height:15px;margin-top:20px;padding:15px; background:#fefefd; margin:auto;}
#topbanner {width:960px; margin:0 auto 0 auto; height:240px;}
#contenido{background:#fefefd; margin:auto;}
#contenido .contimagen{width:300px;height:250px;float:left;margin:20px;}
#contenido .conttexto{width:590px;float:left;height:120px;}
#contenido .conttexto{width:599px;float:left;}

#contenido .contimagborde{width:300px;height:250px;float:left; margin:3px;}


#contenido p {margin-bottom:5px;margin-left:10px;margin-top:5px;color:#502525;}
#contenido h1 {margin-left:10px;margin-top:10px;display:block; font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#502525;}
#contenido h2 {margin-left:10px;margin-top:10px;display:block; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#502525;}

#contenidoizquierda{width:49%;min-width: 280px; float:left;}
#contenidoderecha{width:49%;float: left;}
#contenidoizquierda p {margin-bottom:5px;margin-left:10px;color:#502525}
#contenidoizquierda h2 {margin-left:10px;display:block; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#502525;}
#contenidoderecha p {margin-bottom:5px;margin-left:10px;color:#502525}
#contenidoderecha h2 {margin-left:10px;display:block; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#502525;}

.mapa {max-width: 425px; width: 100%; height: 350px;}

.servicio {width: 900px;clear: both;}
.alinearderecha{width:600px;float:right;}
.alinearizquierda{width:299px;float: left;}
.alinearizquierda p {margin-bottom:5px;margin-left:10px;color:#502525}
.alinearizquierda h2 {margin-left:10px;display:block; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#502525;}
.alinearderecha p {margin-bottom:5px;margin-left:10px;color:#502525}
.alinearderecha h2 {margin-left:10px;display:block; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#502525;}





#header {background:url(../images/mainheaderbg.jpg) left bottom repeat-x; height:378px; margin-bottom:3px; position:relative;}
#menu {background:url(../images/menubg.jpg) left top repeat-x; height:46px;}
#slider { width:930px; overflow:hidden; height:254px; position:relative;}
			.container {height:254px; overflow:hidden;  cursor:pointer; }
		ul.slides { display:block; list-style:none; padding:0; margin:0; position:relative; width:930px; height:254px;}
		ul.slides li {display:none; padding:0; margin:0; position:absolute; left:0; top:0; overflow:hidden; width:930px; height:254px;}
ul.slides li .thumbholder {height:254px; width: 75%; max-width:625px; float:left; position:relative;}
ul.slides li .txtholder { width: 25%; max-width:250px; float:right; padding-right:20px;}
#slider .pagination {
	display:block;
	list-style:none;
	position:absolute;
	right:14px;
	top:215px;
	z-index:999;
	width:260px;
	text-align:center;
}
 ul.pagination li {display:inline;}
 ul.pagination li a { display:block; float:left; width:19px; height:19px; margin:3px; background:url(images/slidernav.png) no-repeat; text-indent:-9000px;}
 ul.pagination li.active a {background:url(../images/slidernav-active.png) no-repeat!important; text-indent:-9000px;}
#slider .container  {display:block; font:normal 30px Georgia, "Times New Roman", Times, serif; color:#6e595a; padding-top:30px; margin-bottom:15px;}
#slider .container p {display:block; font:normal 16px Georgia, "Times New Roman", Times, serif; color:#6e595a; line-height:22px;}
h1#sitename {display:block; float:left; font:bold 34px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; padding:20px 10px 0 0; text-shadow:#54494a 1px 1px 1px;}
h1#sitename span {display:block; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-shadow:none!important;}

#menu li {display:inline; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#menu li a {display:block; float:left; color:#ff7000; height:38px; padding:8px 22px 0 20px; background:url(images/menua-normal.jpg) right 3px no-repeat; text-decoration:none;}
#menu li a:active, #menu li a:visited {color:#ff7000; text-decoration:none;}
#menu li a:hover, #menu li.active a {background:url(../images/menuactive.gif) center top no-repeat; color:#fff; text-shadow:#5e494a 1px 1px 1px;}
#submenu {padding:5px; border-bottom:solid 1px #ffbb00;  border-top:solid 1px #font-weight:; height:17px;}
#submenu li {display:inline; font:normal 12px Verdana, Geneva, sans-serif;}
#submenu li a {display:block; color:#ff7000; padding:0 15px 0 15px; border-right:solid 1px #ccc; float:left; text-decoration:none;}
#submenu li.last a { border:none!important;}
#submenu li a:hover {color:#222;}
#content {background:url(../images/sidebarbg.gif) left top repeat-y; padding-top:15px;}
#sidebar1 {float:left; width:250px; position:relative;}
#maincontent {float:right; width:660px; position:relative;}
#sidebar1 .hotimg {width:250px; margin:auto; position:relative; padding-top:5px; margin-bottom:10px;}

#sidebar1 .subhead {display:block; background:url(../images/sidebarh2bg.png) no-repeat; height:30px; padding:7px 0 0 15px; margin-left:-15px; color:#fff; margin-bottom:10px;}
.menu li {display:block; font:normal 14px Georgia, "Times New Roman", Times, serif; height:28px;}
.menu {margin-bottom:10px; margin-right:10px;}
.menu li a {display:block; height:22px; padding:4px 5px 0 25px; color:#6a5758; border-bottom:dashed 1px #6a5758; text-decoration:none; background:url(images/menublt.png) 3px 5px no-repeat;}

#maincontent h2 {display:block; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#502525; margin-bottom:10px;}
#maincontent p {margin-bottom:15px;margin-left:10px;}


#footer { background:url(../images/topbg2.png);background-repeat:no-repeat;background-size:100% 100%; width:890px; margin:0 auto 0 auto;  padding:60px 35px 90px 35px; text-align:center; color:#199500;}
#footer a {color:#39c502; text-decoration:none;}


img.leftalign, img.rightalign {padding:8px; border:solid 1px #ddd; background:#eee; display:block;}
.leftalign {float:left; margin-right:10px;}
.rightalign {float:right; margin-left:10px;}

.credit {font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block;margin:-60px auto 0 auto;}

@media screen and (max-width:960px){
#topbanner {width:100%; height:auto; object-fit:contain; }
#topbanner img { width:100%; }
#wrap { width:100%;padding: 0px;}
#header {width:100%;}
#slider {width: 100%; height: auto;}
#container{width: 100%; height: auto;}
ul.slides {width: 100%; height: auto;}
ul.slides li {width: 100%; height: auto;}
.slides {width: 100%; height: auto;}
.thumbholder {width: 75%; height: auto;}
.txtholder {width:25%; height: auto;}
#header { width:100%; height: auto; background:none; margin-bottom:0px;}
#footer { width:100%; padding: 0px;min-height: 128px;
    background: #ffdc72; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #ffdc72); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #ffdc72); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #ffdc72); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #ffdc72); /* Standard syntax (must be last) */
}
.credit {margin:0px; padding-top: 60px;}
#menu{width:100%; background:#cdcdcd; height:auto;}
.servicio {width: 100%;}
.alinearizquierda {width: 38%;margin-left: 1%;}
.alinearizquierda img {width: 100%; height: auto;}
.alinearderecha {width: 58%; margin-right: 2%;}
.alinearderecha p{width: 99%;}
}