/* Basic  ---------------------------------------- */
.clear { clear: both; }
.error{color :#c00; line-height :1.6em;}
html{background: #F2EEE3;font-family: TrebuchetMS,Arial, Helvetica, sans-serif;}
body {font-family: TrebuchetMS,Arial, Helvetica, sans-serif;font-size: 13px;color: #333;text-align: center; margin :0; background: url(../img/body_bg.jpg) top center no-repeat;}

a{text-decoration: none;}
a.showfotos{color: #999; font-size: 10px; text-transform: uppercase; width: 200px; height: auto; background: #f8f8f8; float: left; clear: none; display: block; text-align: center; padding: 5px; margin-right: 10px; border: 1px solid #ccc; border-top: 1px solid #ddd ;}
a.showfotos img{display: block; float: none; clear: both; border: none; margin: 5px auto; }
/* contenedor Ppal */
h1{color: #222; font-size: 32px; text-decoration: none; width: 100%; padding: 0px; font-weight: bold; margin-bottom: 15px; font-family:"Times New Roman", Times, serif;line-height: 150%}
h2{color: #333; font-size: 20px; text-decoration: none; width: 100%; padding: 0px; font-weight: bold; margin-bottom: 10px; font-family:"Times New Roman", Times, serif;line-height: 150%}
h3{color: #333; font-size: 16px; text-decoration: none; width: 100%; padding: 0px; font-weight: bold; margin-bottom: 10px;line-height: 150%}
h4{color: #222; font-size: 14px; text-decoration: none; width: 100%; padding: 0px; font-weight: bold; margin-bottom: 15px; font-family:"Times New Roman", Times, serif; line-height: 150%}


#wrapper {text-align: left;width: 955px;	height :auto; overflow :hidden; padding :0; background:url(../img/page_bg.jpg) repeat-y; margin: 50px auto 0px auto; }
a#logo{width: 280px; height: 90px; background: url(../img/logo.jpg) no-repeat; float: none; clear: both; display: block; text-indent: -9999px; margin:0; padding-bottom: 30px}

#left{width: 280px; padding: 0; margin: 0; float: left; clear: none; display: block; overflow: hidden; height: auto;}
#right{width: 610px; padding: 30px; margin: 0; float: left; clear: none; display: block; overflow: hidden; height: auto;}


#left #menu{width :280px; height :320px; display :block; float :none; clear :both; overflow :hidden; padding :0px 0 0 0px; position :relative; overflow: hidden; background: url(../img/menu_bg.jpg) repeat-y;}
#left #menu a,#left #menu p{ width:250px;display: block; padding: 0 10px 0 20px; line-height: 35px; height: 35px; color:#fff;  text-decoration: none; float: none; clear: both;font-size: 16px; text-transform: capitalize; font-weight: bold; margin-bottom: 5px;}
#menu a:hover{text-shadow: #333 2px 2px 2px;}
#left #menu a.activo{text-indent: 10px;}

#left #menu p{font-weight: 700; color: #333; font-size: 11px; font-weight: normal; margin: 10px; height: auto; float: none; clear: both;}
#left #menu #quienes{background: #c00 url(../img/m_quienes.jpg) top right no-repeat;}
#left #menu #hacemos{background: #f90 url(../img/m_hacemos.jpg) top right no-repeat;}
#left #menu #ubicacion{background: #390 url(../img/m_ubicacion.jpg) top right no-repeat;}
#left #menu #noticias{background: #00BFFF url(../img/m_noticias.jpg) top right no-repeat;}
#left #menu #contacto{background: #036 url(../img/m_contacto.jpg) top right no-repeat;}
#left #menu #banners{background: #333 url(../img/m_banners.jpg) top right no-repeat;}
#left #menu #homepage{background: #666 url(../img/m_homepage.jpg) top right no-repeat;}
#left #menu #novedades{background: #06c url(../img/m_novedades.jpg) top right no-repeat;}

#left .banners{width :230px; height :auto; display :block; float :left; clear :both; overflow :hidden; padding :10px 20px 30px 30px; position :relative; overflow: hidden; background: url(../img/menu_bg.jpg) repeat-y; text-align: center;}
#left .banners a, #left .banners object{display: block; padding-bottom: 3px; float: none; margin: 5px auto; }

#left h6{width: 280px; height: 20px; background: url(../img/left_h6.jpg) no-repeat; display: block; float: none; clear: both; padding: 0; margin: 0; text-indent: -9999px;}
/* parte principal */


#pie{width: 955px; height: 40px; display: block; float: none; clear: both; margin: 0px auto; background: url(../img/foo.jpg) no-repeat; padding-top: 25px;}

#pie strong{color: #333; font-size: 11px; font-weight: normal; display: block; float: left; clear: none; width: 520px; line-height: 16px; height: 30px; padding: 5px 0; text-align: left; margin-left: 280px;}
#pie strong address{font-style: normal;}

#pie p{color: #333; font-size: 11px; font-weight: normal; display: block; float: left; clear: none; width: 150px; line-height: 16px; height: 30px; padding: 0px; text-align: right;}
#pie p a{color: #333; text-decoration: none; width: 150px; display: block;}
#pie p a:hover{color: #000; font-weight: bold;}

#legal{width :450px; height :auto; float :left; clear :both; display :none; background :#f2eee3; padding :20px; color :#333; border:6px solid #999; position :absolute; z-index :99; line-height :20px; font-size :1em; text-align :left;}
#legal h1{color :#666; text-decoration :none;display :block; float :none; clear :both; width :270px; font-size :1.6em; text-transform :uppercase; font-weight :normal; margin-bottom :20px; text-indent: 0; background: transparent;}
#legal a.naranja{color :#999; text-decoration :none; position: absolute; right: 5px; top: 5px; z-index: 4;}
#legal a.naranja:hover{color :#333;}
#legal #ficha a{display: block; float: none; clear: both; text-decoration: none; color: #666; text-indent: 8px; background: url(../img/item.gif) 0 8px no-repeat;}


#right p{font-size: 14px; line-height: 24px; text-align: left;}
#right ul{width: 610px; display: block; float: none; clear: both; margin-left: 0px;}
#right ul li{display: block; height: auto; line-height: 20px; color: #666; float: left; clear: both; width: 100%; margin-bottom: 10px; position: relative; border-bottom: 1px solid #999; padding-bottom: 10px}
#right ul li em,#right em{display: block; float: none; clear: both; text-decoration: none; margin-bottom: 0}
#right em{margin-bottom: 10px;}
#right ul li a{font-size: 12px; color: #fff; width:80px; height: 22px; display: block; float: right; clear: both; text-decoration: none; background: url(../img/enviar.jpg) no-repeat; text-align: center; font-weight: bold;}
#right ul li a:hover{color: #333;}
#right ul li ul{padding-left: 20px; display: block; float: none; clear: both;}
#right ul li ul li a{font-size: 12px; color: #999;}
#right ul li ul li a:hover{color: #666;}
#right ul li img{float: right; clear: none; display: block; margin: 0 0 10px 10px; }
#right ul li a.menor{font-size: 11px;}
#right ul li div.minilogo{float: right; clear: none; display: block; width: 150px;  text-align: center; height: auto; position: absolute; z-index: 2; top: 0; right: 10px}
#right ul li div.minilogo img{display: block; float: none; clear: both; margin: auto;}
#right ul li.conborde{border-bottom: 1px dotted #ddd; padding-bottom: 5px;}


#right div.content{padding: 10px 0px; border-bottom: 1px dashed #ccc; display: block; float: left; clear: both; height: auto; width: 100%; }


fieldset.contacto{width: 440px; height: auto; display: block; margin: 10px auto;font-size: 10px; }
fieldset.contacto sub,fieldset.contacto label,fieldset.contacto input[type="text"],fieldset.contacto select,fieldset.contacto textarea{width: 110px; height: 24px; display: block; float: left; clear: none; margin-bottom: 10px; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666;}
fieldset.contacto input[type="text"],fieldset.contacto select,fieldset.contacto textarea{width: 248px; background: url(../img/field_bg.jpg) top left no-repeat; border: 1px solid #ccc;}
fieldset.contacto textarea{ height: 120px; overflow: auto;}
fieldset.contacto sub{width: 10px; font-size: 32px; color: #036; height: 18px; line-height: 18px;}
fieldset.contacto p#mes{display: block; float: none; clear: both; margin-left: 110px; font-size: 10px; width: 240px; text-align: left; }
fieldset.contacto input#enviar{width: 80px; height: 20px; line-height: 20px; border:none; background: url(../img/enviar.jpg) no-repeat;  text-align: center; color: #fff; text-shadow: #333 1px 1px 1px; float: right; clear: none; margin-right: 80px}
#datos{color: #666;}
#datos p{display: block; margin-top: 20px;}
#datos span,#datos a{padding-left: 20px; display: block;}
#datos a{color: #036; text-decoration: none; font-weight: bold;}



#right div.content ul{list-style: disc; margin-left: 10px; border: none;}
#right div.content ul li{display: list-item;list-style: disc; list-style-position: inside; padding-left: 15px; vertical-align: top;}



div.pagination {background-color:#fff;	color:#999;	padding:10px 0 10px 0;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	text-align:left; }
div.pagination a {	color:#999;	padding:2px 5px;	margin:0 2px;	text-decoration:none;	border:1px solid #999;}
div.pagination a:hover, div.pagination a:active {	border:2px solid #999;	color:#333;}
div.pagination span.current {	padding:2px 5px;	border:1px solid #999;	color:#fff;	font-weight:bold;	background-color:#999;}
div.pagination span.disabled {display:none;}
div.pagination span.indicador{ padding-right: 30px;}

em{font-size: 11px;}

#volver{width: 80px; height: 22px; line-height: 20px; border:none; background: url(../img/enviar.jpg) no-repeat;  text-align: center; color: #fff; text-shadow: #333 1px 1px 1px; float: none; clear:both; display: block; margin: 30px auto;}
a.powered{display: block; float: none; clear: both; text-align: left; padding-left: 280px; color: #333; font-size: 11px; text-decoration: none;}
a.powered:hover{font-weight: bold;}