@charset "utf-8";
/* CSS Document */

body {
	font: 18px verdana, Arial;background-image:url(img/fondo6.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width:100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:750px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) cenSster the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background-image:url(img/barratop.jpg); background-position:inherit;
	width:100%;
 	height:6%;
	  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
 font: 9px verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;}
 
.oneColFixCtrHdr #header h2 {
 font: 9px verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 text-align:right;}

.oneColFixCtrHdr #mainContent {
	padding: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:86%;
	width:98.5%;
}
.oneColFixCtrHdr #footer {  
	background-image:url(img/barratop.jpg); background-position:inherit;
	width:100%;
	height:6%;
	font: 14px verdana, Arial, Helvetica, sans-serif;
 	font-weight:bold; text-align:center;}
 	
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a sp*/ace between divs */
	}
#cabezera {width:100%;}
#cabezera td {width:50%; padding: 0px 50px; padding-top:3px;}
#cabezera a img {border:none; cursor:pointer;}
#banner td { text-align:center; padding:0px 0px;}
#banner {width:100%; height:30%;padding:20px;}
#menu { font-family:Verdana, Arial, sans-serif; font-size: 17px; width:100%; height: 6%; padding:0px; cursor:pointer;}
	#menu td{width:15%; text-align:center; color:#000; background-image:url(img/barramenu.jpg); background-repeat:repeat-x; border-color:#000; border-style:outset;}
	#menu td a {text-decoration:none; color:#CCC; font-weight:bold;}
	#menu td a:hover {color:#000; text-decoration:none;}
	#menu td:hover {background-image:url(img/barramenu2.jpg); background-repeat:repeat-x;}
	#menu td:hover a {color:#000;}
#central {margin-top:20px; width:90%;height:50%;}
#central2 {margin-top:20px; width:90%;height:50%;}
#central3 {margin-top:20px; width:90%;height:300px;}
#pie{font: 22px Verdana, Arial, sans-serif;text-align:center; padding:5px; text-align:left;}
iframe { border:4px #2a88bb solid;}
#horario{ padding:0px; text-align:center;font-size:22px; padding:10px; padding-top:30px;} 
#hor1{ font-size:26px; font-weight:bold;}
#hor2 {font-size:22px; }
.num{
	color:#1A4B71;
	font-size:26px;
	font-weight:bold;
} 
#tienda{padding-right:40px; padding-top:5px;}
#compra img {padding-left:20px; padding-top:23px;} 
#online {font-size:24px; font-family:Verdana, Arial, sans-serif; padding-bottom:20px;}
#recomienda { font-size:16px;}
#online a img{border: none !important;margin: 0;outline: none !important;}
#compra a img{border: none !important;margin: 0;outline: none !important;}
.comollegar {color:#060; font-weight:bold;}
#comolle {padding-left:50px; padding-right:50px; padding-top:20px; font-size:19px;}

.f1 {padding-top:0px; font-size:20px; color:#000; font-family:Verdana, Arial, sans-serif; }
#form1 {font-family:Verdana, Arial, sans-serif; height:100%;}
#webcompra a img {color:#060; padding-top:40px; font-weight:bold; font-size:20px; border:none;}
#realcompra{padding-left:50px; font-size:22px;}
#profesionales {width:80%; height:100%;font-size:19px; padding-bottom:10px;}
#profesionales p {font:20px Verdana, Arial, sans-serif;padding-bottom:20px; line-height:18px;}
#profesionales .prof {color:#060; font-size:26px; font-weight:bold;}
#profesionales .prof3 {font-weight:bold; font-size:30PX; color:#060;}
#profesionales .prof2 {font-size:22px; font-weight:bold; text-align:center; padding-bottom:10px; padding-top:0px;}
#pers1 {font:24px Verdana, Arial, sans-serif;}
#profesionales img {padding:20px;}
#especial {width:80%; height:100%;font-size:19px; padding-bottom:10px; text-align:left;}
.form-label-left{width:200px !important;text-align:right;}
.form-label-center{ text-align:center;}
.form-line{
	padding:0px;
	text-align: center;
}
.form-header{font-size:28px; color:#060; font-family:Verdana, Arial, sans-serif; font-weight:normal; text-align:center;}
.form-submit-button, .form-submit-reset {font-size:16px; font-family:Verdana, Arial, sans-serif;}
#consulta td {padding-bottom:8px;}
#consulta img {padding-right:40px;}
#especilialidades td {padding:7px; text-align:left;}
#especial a{color:#060;}
#copy {padding-top:5px;}
#copy a {
	text-decoration:none;
	color:#060;
	font-size: 20px;
}
#politica {	color: #060; font-weight:bold; font-size:14px;}
#politicaweb {background-color:#2a88bb; padding:10px 30px; font-size:17px; text-align:left; border:#000 2px solid;}