/* CSS Document */

.body{
	margin:0;
	background-color:#730203;
	background-Image: url(Images/Bodybottom.png);
	background-repeat:repeat-x;
	background-position: center bottom;
	
	scrollbar-face-color: #730203;
	scrollbar-highlight-color: #731223;
	scrollbar-shadow-color: #730d0d;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#E5E5E5;
	scrollbar-drakshadow-color:#000000;
}
.todo{
	position:absolute;
	width:100%;
	height:100%;
	min-height:100%;
	overflow:auto;
}
#body_top{
    position:absolute;
	width: 100%;
	height: 324px;
	background-Image: url(Images/Bodytop.png);
	background-repeat:repeat-x;
}
#body_bottom{
    position:fixed;
	width: 100%;
	height: 239px;
	bottom:0px;
	right:17px;
	background-Image: url(Images/Bodybottom.png);
	background-repeat:no-repeat;
}
#wraper{
	position:relative;
	top:0px;
	width:800px;/*598px*/
	height:645px;
	text-align:center;
	margin-bottom:30px;
	background-repeat:no-repeat;
	z-index:90;
}
#header{
	position:relative;
	width:100%;
	height:248px;
	background-Image: url(Images/Header3.jpg);
	background-repeat: no-repeat;	
}
#bodycontent{
	position:relative;
	width:100%;
	height:664px;
	background-Image: url(Images/bodycontent.jpg);
	background-repeat: no-repeat;	
}
.menuitem{
	position:absolute;
	width:116px;
	height:35px;
	left:22px;
	background-Image: url(Images/boton.png);
	padding-top:5px;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
.menuitem:hover{
	position:absolute;
	width:116px;
	height:35px;
	background-Image: url(Images/botonapretado1.jpg);
	background-repeat: no-repeat;
	
	padding-top:5px;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	
}
.menuitemsub{
	position:absolute;
	width:134px;
	height:37px;
	left:22px;
	background-Image: url(Images/Btonosubmenu.png);
	padding-top:5px;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
.menuitemsub:hover{
	position:absolute;
	width:134px;
	height:37px;
	background-Image: url(Images/Btonosubmenuclick.png);
	background-repeat: no-repeat;
	
	padding-top:5px;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	
}
.sub_menu{
	position:relative;
	display:none;
	height:auto;
	width:100px;
	position:absolute;
	left:130px;
}

.certificado{
	position:absolute;
	width:100px;
	height:100px;
	background-Image: url(Images/SQIlogo.gif);
	left:30px;
	top:242px;
}

.campanai{
	position:absolute;
	width:315px;
	height:330px;
	background-Image: url(Images/carta.png);
	left:-95px;
	top:140px;
}
.campana{
	position:absolute;
	width:315px;
	height:330px;
	background-Image: url(Images/carta.png);
	left:-95px;
	top:380px;
}
.notas{
	position:absolute;
	width:89px;
	height:88px;
	background-color:#FFFFFF;
	background-Image: url(Images/nota1.jpg);
	left:120px;
	top:35px;
}
.tituloprin{
	position:absolute;
	width:245px;
	height:60px;
	top:13px;
	left:160px;
	padding-top:13px;
	background-Image: url(Images/botontitle.jpg);
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	text-align: center;
	background-repeat: no-repeat;
}
.twitter{
	position:absolute;
	width:50px;
	height:50px;
	top:15px;
	right:30px;
	padding-top:15px;
	background-Image: url(Images/twitter-icon.png);
	overflow: hidden;
	text-align: center;
	background-repeat: no-repeat;
}
.facebook{
	position:absolute;
	width:50px;
	height:50px;
	top:15px;
	right:80px;
	padding-top:15px;
	background-Image: url(Images/facebook-icon.png);
	overflow: hidden;
	text-align: center;
	background-repeat: no-repeat;
}
.banner{
	position:absolute;
	width:95px;
	height:96px;
	background-Image: url(Images/servicios2.png);
	margin-top:5px;
	margin-right:5px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	text-align: center;
	right:16px;
}
.contenido{
	position:absolute;
	width:425px;
	height:400px;
	text-align:left;
	/*border: thin solid #FFFFFF;*/
	left:200px;
	top:85px;
	overflow-y: auto;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	horizontal-scroll:none;
	padding-right:10px;
}
.contenido2{
	position:absolute;
	width:580px;
	height:400px;
	text-align:left;
	left:200px;
	top:90px;
	overflow-y: auto;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	horizontal-scroll:none;
	padding-right:5px;
}
.contenido_der{
	position:absolute;
	width:140px;
	height:400px;
	/*border: thin solid #FFFFFF;*/
	left:648px;
	top:85px;
	overflow: hidden;
	color: #000000;
	background-Image: url(Images/rollo-pergamino.png);
	background-repeat: no-repeat;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
.contenido_der2{
	position:absolute;
	padding-left:5px;
	width:140px;
	height:400px;
	border-left: thin solid #FFFFFF;
	left:648px;
	top:85px;
	color: #000000;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
.mimarquee{
	position:relative;
	font-size:9;
	text-align:left;
	align:left;
	height:100%;
	width:100%;
}
.contenido_aba{
	position:absolute;
	width:344px;
	height:131px;
	background-Image: url(Images/infopng.png);
	left:260px;
	top:515px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
.contenido_aba2{
	position:absolute;
	width:344px;
	height:131px;
	background-Image: url(Images/infopng.png);
	left:260px;
	top:515px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}

.banner_letras{
	position:absolute;
	width:140px;
	height:137px;
	left:644px;
	top:506px;
	color: #000000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background-Image: url(Images/recuadro2.png);
}
.mih1{
	color: #FFFF00;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.mih12{
	color: #FFFF00;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.otroh1{
	color: #5B2E00;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.mili{
	list-style-position: inside;
	list-style-type: disc;
	font-size:12px;
}
.mili2{
	list-style-position: inside;
	list-style-type: disc;
	font-size: 10px;
	text-align:left;
}
.mili3{
	list-style-position: inside;
	list-style-type: circle;
	font-size: 12px;
	text-align:left;
}
.mili4{
	list-style-position: inside;
	list-style-type: none;
	font-size: 12px;
	text-align:left;
	padding-left:7px;
	padding-top:7px;
	color:#6B4E00;
}
.mili5{
	position:relative;
	margin:0;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 12px;
	text-align:left;
	color:#000033;
	font-weight: bold;
	padding-top:4px;
}
.info_titulo{
	position:relative;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000033;
	margin:0;
	padding-top:3px;
}
.ulcontact{
	position:relative;
	margin:0;
 	padding-left:25px;
	padding-top:3px;
}
.mili6{
	list-style-position: inside;
	list-style-type: circle;
	font-size: 18px;
	text-align:left;
	cursor:pointer;
	cursor:hand;
}
.limpio{
	list-style-position: inside;
	list-style-type: none;
	font-size: 10px;
	text-align:left;
}


.parrafo{
	margin-bottom: 20px;
}
h5{
	font-size:14px;
}
.milink{
	color: #FFFFFF;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}
.milink:hover{
	color: #FFFF00;
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}
.milink2{
	color: #FFFF00;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	font-size:10px;
}
.milink2:hover{
	color: #FFFF00;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	font-size:12px;
}
.dynamicDiv {
	position:absolute;
    width:200px;
    height:100px;
    border:solid 1px #c0c0c0;
    background-color:#e1e1e1;
    font-size:11px;
    font-family:verdana;
    color:#000;
    padding:5px;
    }
.Divvacio {
	position:relative;
    width:100%;
    height:320px;
	/*height:0px;*/
    border:solid 0px #c0c0c0;
    }	
	
#toolTipBox {  
		position:absolute;
        display: none;  
        padding: 5;  
        font-size: 12px;  
        border: black solid 1px;  
        font-family: verdana;  
        background-color: #ffd038;  
        color: 000000;  
		z-index:99;
		width:200px;
		text-align:center;
}  

.footer{
	position:relative;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-bottom:20px;
	cursor:hand;
	cursor:pointer;
	text-align:center;
	z-index:99;	
}
.footeri{
	position:absolute;
	width:50%;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-bottom:20px;
	cursor:hand;
	cursor:pointer;
	top: 650px;
	left:200px;
	text-align:center;
	z-index:99;	
}
.visibleBox{
	position:relative;
	margin:0;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:5px;
	display:none;
}
.botonlink{
	position:absolute;
	left:40%;
	width:110px;
	height:22px;
	background-Image: url(Images/button_middle.png);
	background-repeat:repeat-x;
	color:#900;
	font-size:12px;
	text-align:center;
	z-index:10;
}
.botonlink_left{
	position:relative;
	width:8px;
	height:22px;
	background-Image: url(Images/button_left.png);
	float:left;
	background-repeat:no-repeat;
	z-index:11;
	
}
.botonlink_right{
	position:relative;
	width:8px;
	height:22px;
	background-Image: url(Images/button_right.png);
	float:right;
	background-repeat:no-repeat;
	z-index:11;
}
.milinkboton{
	position:relative;
	text-align:center;
	top:3px;
	color: #900;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}
.milinkboton:hover{
	color: #A00;
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
	
}
.miencabezado{
	position:relative;
	width:99%;
	color: #FFFFFF;
	background-color:#640000;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width:thin;
	border-bottom-color:#FFF;
	border-bottom-style:dotted;
	padding-left:4px;
	margin-bottom:10px;
	margin-top:10px;
}

.caption{
	width:40%;
	color:#FFF;
}