/* CSS Document */


html {
	background : url(../../images/mp-bg-pattern.gif) repeat top left;
	margin : 0;
	padding : 0;
}

body {
	margin : 0;
	padding : 0;
	font-weight : normal;
	font-style : normal;
}

#SiteWrapper {
	margin-left : auto;
	margin-right : auto;
	width : 978px;
	border-left : 1px solid white;
	border-right : 1px solid white;
}

#header {
	background : url(../../images/header-bg.jpg) no-repeat top left;
	width : 978px;
	height : 155px;
}

.headerLogo {
	float : left;
	width : auto;
	height : auto;
	margin : 17px 15px 0 16px;
}

.headerTitle {
	font-family : "Century Gothic", Arial, Helvetica, sans-serif;
	float : left;
	width : 28%;
	_width : 25%;
	margin-top : 15px;
	padding : 0;
}
.headerTitle a{
	font-size : 1.05em;
	font-weight : bold;
	font-style : italic;
	color : #f8f3e7;
	height: 50px;
	display: block;
	margin : 5px 0 0 0;
	padding: 0 0 0 50px;
	background: url(../../images/img-dra-link.gif) no-repeat left top;
}

.headerTitle h1 {
	font-size : 1.6em;
	_font-size : 1.4em;
	font-weight : normal;
	color : #fff;
	margin : 0;
	/*margin-bottom : 8px;*/
	margin-bottom : 0px;
}

.headerTitle h2 {
	font-size : 1.05em;
	font-weight : normal;
	font-style : italic;
	color : #f8f3e7;
	margin : 0;
}

.headerAnimation {
	float : right;
}

.headerLanguage {
	float : right;
	position : relative;
	left : 540px;
	bottom : 110px;
}

.headerLanguage .flag {
	float : left;
	margin-right : 10px;
}

.flag a img {
	border : none;
}
.cofepris-logo {
	float: right;
	position: relative;
	margin: -85px 0 0 0;
	left : 600px;
}
.cofepris-logo a img {
	border : none;
}
.cofepris-logo p{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	text-align: right;
	width: 150px;
}

#mainContent {
	width : 978px;
	/*height : 384px;*/
	height : auto;
	float : left;
	background-color : #f8f3e7;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6B6350;
	margin : 0;
	padding : 0;
	border-top : 1px solid white;
	border-bottom : 1px solid white;
	/*overflow:auto;*/
}

#mainContent .text{
	padding: 5px;
	text-align: justify;
}
#mainContent .text-right{
	padding: 10px;
	text-align: justify;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
}
#mainContent .text-right ul li{
	text-align: left;
}

#mainContent p {
	margin : 0;
	padding : 0;
}

#mainContent table.listado_enfermedad_descr{
	margin-top:10px;
	margin-bottom:10px;
}

#menuContent {
	width : 958px;
	background-color : #63d2d6;
	padding : 10px;
	float : left;
	margin : 0;
	padding-bottom : 10px;
}

#menuContent .contentCol {
	width : 33%;
	border-right : 1px dotted #cff1f2;
	background-color : transparent;
	float : left;
	margin : 0;
	height : 590px;
}

.contentBox {
	padding-top : 15px;
	padding-bottom : 40px;
	margin : 0;
	margin-left : 15px;
	margin-right : 15px;
	border-bottom : 1px solid #81dbde;
}

.contentBoxLast {
	padding-top : 15px;
	padding-bottom : 40px;
	margin : 0;
	margin-left : 15px;
	margin-right : 15px;
	border-bottom : none;
}

.contentBox p, .contentBoxLast p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : white;
	font-size : 0.75em;
	line-height : 1.55em;
	padding : 0 10px 0 10px;
}

.contentBox p a, .contentBoxLast p a {
	color : #cffdff;
	text-decoration : none;
}

.contentBox p a:hover, .contentBoxLast p a:hover {
	text-decoration : underline;
	color : #d1ed88;
}

.contentBox ul li, .contentBoxLast ul li {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : white;
	font-size : 0.75em;
}
.contentBox h3, .contentBoxLast h3 {
	font-family : "Century Gothic", Arial, Helvetica, sans-serif;
	font-size : 1.65em;
	font-weight : normal;
	max-width : 285px;
	margin : 0;
}

.contentBox h3.header1 {
	background : url(../../images/icono-importancia-nml.gif) no-repeat top left;
	min-height : 55px;
}

.contentBoxLast h3.header2 {
	background : url(../../images/icono-noticias-nml.gif) no-repeat top left;
	min-height : 55px;
}

.contentBox h3.header3 {
	background : url(../../images/icono-curriculum-nml.gif) no-repeat top left;
	min-height : 55px;
}

.contentBoxLast h3.header4 {
	background : url(../../images/icono-riesgos-nml.gif) no-repeat top left;
	min-height : 55px;
}

.contentBox h3.header5 {
	background : url(../../images/icono-consejo-nml.gif) no-repeat top left;
	min-height : 55px;
}

.contentBoxLast h3.header6 {
	background : url(../../images/icono-botiquin-nml.gif) no-repeat top left;
	min-height : 55px;
}

.contentBox h3.header1:hover {
	background : url(../../images/icono-importancia-over.gif) no-repeat top left;
	min-height : 55px;
}

.contentBoxLast h3.header2:hover {
	background : url(../../images/icono-noticias-over.gif) no-repeat top left;
	min-height : 55px;
}

.contentBox h3.header3:hover {
	background : url(../../images/icono-curriculum-over.gif) no-repeat top left;
	min-height : 55px;
}

.contentBoxLast h3.header4:hover {
	background : url(../../images/icono-riesgos-over.gif) no-repeat top left;
	min-height : 55px;
}
.contentBox h3.header5:hover {
	background : url(../../images/icono-consejo-over.gif) no-repeat top left;
	min-height : 55px;
}

.contentBoxLast h3.header6:hover {
	background : url(../../images/icono-botiquin-over.gif) no-repeat top left;
	min-height : 55px;
}

.contentBox h3 a, .contentBoxLast h3 a {
	display : block;
	padding-left : 60px;
	text-decoration : none;
	color : #f8f3e7;
	padding-top:8px;
}

.contentBox h3 a:hover, .contentBoxLast h3 a:hover {
	text-decoration : underline;
	color : white;
}

#footer {
	float : left;
	background : #a0e4e6 url(../../images/ftr-top.gif) no-repeat top left;
	width : 938px;
	padding : 40px 20px 20px 20px;
	margin : 0;
}

.direccion {
	width : 225px;
	background : url(../../images/ftr-mail-icon.gif) no-repeat top left;
	margin : 0;
	float : left;
}

.direccion address {
	display : block;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.75em;
	color : #498283;
	padding-left : 30px;
	line-height : 1.75;
}

.direccion address a {
	color: #315657;
	text-decoration : none;
	font-weight: bold;
}

.direccion address a:hover {
	text-decoration : underline;
}

#footer .sponsor {
	float : left;
	display : block;
	position : relative;
	margin: 0 0 0 115px;

}
#footer .sponsor a {
	float: left;
}
#footer a.cofepris{
	margin: 15px 0 0 80px !important;
}

.developed-by {
	width : 200px;
	float : right;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.75em;
	color : #64a6a8;
	font-style : italic;
	position : relative;
	height:30px;
}

.developed-by p.credit-card {
	float: right;
	text-align: right;
}

.developed-by p.credit-card img{
	float: right;
        margin: 5px 0 0 0;
}

.developed-by p.dev-latin {
	float: right;
	margin: 50px 0 0 0;
}

.developed-by a {
	display: inline-block;
	width: 88px;
	height: 11px;
	background: url(../../images/ftr-latinweb-icon.gif) no-repeat left top;
	text-indent: -5000px;
}

.input{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	background-color: #F8F3E7;
	border: 1px solid #CCCCCC;
}
.boton{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	background-color: #005695;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}