html, body {height: 100%;}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {
  margin: 0;
  padding: 0;
  border: 0;
}

      :focus{outline:0;}

      a img{border:0;}

body {

	background:url(../img/bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:scroll;
	font-family: Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0;
}


#center .descsol {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b030c+0,aa0614+100 */

background: #7b030c; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdiMDMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYTA2MTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #7b030c 0%, #aa0614 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b030c), color-stop(100%,#aa0614)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #7b030c 0%,#aa0614 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #7b030c 0%,#aa0614 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #7b030c 0%,#aa0614 100%); /* IE10+ */

background: linear-gradient(to bottom,  #7b030c 0%,#aa0614 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b030c', endColorstr='#aa0614',GradientType=0 ); /* IE6-8 */

-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

#center .descsol:hover {
    color: #fff;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b030c+0,7b030c+100 */

background: #7b030c; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdiMDMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YjAzMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #7b030c 0%, #7b030c 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b030c), color-stop(100%,#7b030c)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #7b030c 0%,#7b030c 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #7b030c 0%,#7b030c 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #7b030c 0%,#7b030c 100%); /* IE10+ */

background: linear-gradient(to bottom,  #7b030c 0%,#7b030c 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b030c', endColorstr='#7b030c',GradientType=0 ); /* IE6-8 */




}

#center {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:933px;
	}
	
	
	#header {
	float:left;
	width:933px;
	height:200px;
	}
	
	
	#logo {
	float:left;
	width:160px;
	height:200px;
	}
	
	
	#hright {
	float:left;
	width:773px;
	height:200px;
	}
	
	
	#espeng {
	float:right;
	margin-top:7px;
	color:#FFFFFF;
	font-size:13px;
	}
	
	#espeng a{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	}
	
	#espeng a:hover{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:underline;
	}
	
	
	#menuup {
	float:right;
	width:77px;
	height:29px;
	padding-top:7px;
	padding-left:13px;
	margin-left:20px;
	margin-bottom:18px;
	background:url(../img/menuup.png);
	background-repeat:no-repeat;
	}
	
	.swapup {
	float:left;
	}



	#menu {
	float:right;
	width:100%;
	height:66px;
	margin-bottom:23px;
	text-align:right;
	}
	
	.swap {
	float:right;
	margin-left:3px;
	}


.swap2 {
	float:right;
	margin-left:30px;
	}

	
	#htext {
	float:left;
	width:100%;
	height:55px;
	}
	
	
	
	#conte {
	float:left;
	width:933px;
	margin-top:15px;
	margin-bottom:25px;
	}
	
	
	#fotosli {
	float:left;
	width:827px;
	height:215px;
	margin-left:53px;
	margin-bottom:20px;
	}
	
	#fotosli1 {
	float:left;
	width:827px;
	height:2150px;
	}
	
	#fslfoto {
	float:left;
	width:308px;
	}
	
	#fsltex {
	float:left;
	width:510px;
	color:#333333;
	font-size:14px;
	margin-top:60px;
	text-align:justify;
	
	}
	
	
	#sepatex1 {
	float:left;
	width:901px;
	margin-left:15px;
	height:2px;
	background-color:#CCCCCC;
	}
	
	#indextex1 {
	float:left;
	width:850px;
	margin-left:40px;
	font-size:14px;
	color:#333333;
	text-align:justify;
	margin-top:20px;
	margin-bottom:25px;
	}
	
	#indexbox1 {
	float:left;
	width:430px;
	margin-left:15px;
	}
	
	#indexbox2 {
	float:left;
	width:430px;
	margin-left:41px;
	}
	
	#ibfoto {
	float:left;
	width:430px;
	height:156px;
	margin-bottom:15px;
	}
	
	
	#ibtit {
	float:left;
	width:430px;
	margin-bottom:15px;
	}
	
	#ibtex {
	float:left;
	width:410px;
	margin-left:10px;
	margin-bottom:15px;
	font-size:13px;
	color:#333333;
	text-align:justify;
	}
	
	
	#ibboton {
	float:left;
	width:410px;
	margin-left:10px;
	}
	


	
	
   
	
	

	
	#footer {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:103px;
	clear:both;
	background:url(../img/bg_footer.png);
	background-repeat:repeat-x;
	}
	
	
	#infooter {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:103px;
	background:url(../img/bg_infooter.png);
	background-repeat:no-repeat;
	}
	
	#inftex {
	width:100%;
	float:left;
	margin-top:55px;
	color:#FFFFFF;
	font-size:10px;
	}
	
	#inftex a {
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	}
	
	
	#inftex a:hover {
	color:#FFFFFF;
	font-size:10px;
	text-decoration:underline;
	}
	
   
   
   /*interiores*/
      
	  
	  
	#conte2 {
	float:left;
	width:903px;
	margin-top:25px;
	margin-left:15px;
	margin-bottom:25px;
	}
	
	
	#titulo {
	width:903px;
	float:left;
	}
	
	#lineagris {
	width:903px;
	height:2px;
	float:left;
	background-color:#CCCCCC;
	margin-bottom:40px;
	}
	
	#conte2fotos {
	width:400px;
	float:left;
	margin-right:70px;
	margin-left:20px;
	}
	
	#conte2texto {
	width:390px;
	float:left;
	color:#333333;
	font-size:14px;
	}
	
	#c2t1 {
	width:390px;
	float:left;
	margin-bottom:40px;
	}
	
		#c2tbull {
		width:20px;
		height:20px;
		margin-right:10px;
	float:left;
	background:url(../img/c2tbull.png);
	background-repeat:no-repeat;
	}
	
		#c2t2 {
	width:360px;
	float:left;
	}
	  
	  
	  
	  
	  #conte3fotos {
	width:220px;
	height:247px;
	float:left;
	margin-right:40px;
	background:url(../img/conte3foto.png);
	background-repeat:no-repeat;
	}
	
		  #c3tf {
	width:220px;
	height:220px;
	float:left;
	}
	
	#conte3texto {
	width:643px;
	float:left;
	color:#333333;
	font-size:14px;
	text-align:justify;
	}
	
	.c3t {
	width:643px;
	float:left;
	margin-bottom:20px;
	}
	
	.c3t2 {
	width:643px;
	float:left;
	margin-top:10px;
	}
	
	.c3t22 {
	width:643px;
	float:left;
	margin-top:20px;
	}
	
		  .c3tb {
		  width:14px;
		  height:14px;
	float:left;
	margin-right:10px;
	background:url(../img/bullets.png);
	background-repeat:no-repeat;
	margin-bottom:10px;
	}
	
		.c3tt {
	width:619px;
	float:left;
	margin-bottom:10px;
	}
	
	  



  .fotoprodus {
	width:220px;
	height:250px;
	float:left;
	margin-left:40px;
	margin-right:40px;
	background:url(../img/conte3foto.png);
	background-repeat:no-repeat;
	text-align:center;
	}
	
	
	
 .fpnom {
 float:left;
 width:100%;
color:#b30108;
font-size:20px;
font-weight:bold;
margin-top:10px;
	}


 .fpnom a{
 text-decoration:none;
 
color:#b30108;
font-size:20px;
font-weight:bold;
	}


 .fpnom a:hover{
 text-decoration:underline;
 
color:#b30108;
font-size:20px;
font-weight:bold;
	}

#protex1 {
	float:left;
	width:901px;
	font-size:14px;
	color:#333333;
	text-align:justify;
	margin-bottom:20px;
	}
	
	.butex {
	float:left;
	width:336px;
	margin-bottom:10px;
	}


	/*fuentes*/
			
	.rojo30{
	color:#b30108;
	font-size:30px;
	font-weight:bold;
	}
	
	
	.rojo24{
	color:#b30108;
	font-size:20px;
	font-weight:bold;
	}
	
	.rojo18{
	color:#b30108;
	font-size:18px;
	font-weight:bold;
	}
	
	
		.rojo14{
	color:#b30108;
	font-size:14px;
	font-weight:bold;
	}
	

	
	
	.gris14{
	color:#333333;
	font-size:14px;
	}
	
	
	a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
	
	
		/* SlideShow */

	
	#slideshow {
    position:relative;
	width:220px;
	height:220px;
}



#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



         .laforma2
	{
	width:100%; float:left; margin-bottom:15px;
   }
   
            .laforma21
	{
	width:25%; float:left; margin-top:2px;
   }
   
            .laforma22
	{
	width:75%; float:left;
   }
  


  #PrintArea {
   width:660px; float:left;  font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:121px;
}

  .areaprint {
  width:100%; float:left;text-align:justify;
}

  .areaprintit {
  width:100%; float:left; text-align:center; font-size:15px; font-weight:bold; margin-top:5px; margin-bottom:5px;
}

  .elpagareb {
  width:660px; float:left; border:#000000 solid 1px; margin-top:15px;
}

  .elpagare {
  width:100%; float:left; 
}

  .elpagare1 {
  width:50%; float:left; margin-top:10px;
}

  .elpagare2 {
  width:100%; float:left; text-align:center; margin-top:10px;
}







#solici
{
width:660px; 
 float:left;
 margin-left:164px;
 }
 
  #solici2
{
width:660px;float:left;

 }
 
 
 
 .2btns
{
width:100%; 
 float:left;
 margin-bottom:15px;
 }
 
  .2btns2
{
width:100%; 
 float:left;
 margin-top:15px;
 }
 
  .2editar
{
width:50%; 
 float:left;
 text-align:left;
 }
 
  .2imprimir
{
width:50%; 
 float:left
 text-align:right;
 }
 
 
 
 
 .hoja1
{
width:660px;float:left;margin-bottom:50px;
 }


.imgsfs
{
 float:left;
 }

.cuadro1
{
width:631px; 
 float:left;
 margin-left:13px;
 border:solid 2px #000000;
 padding-bottom:5px;
 
 }

h1 {page-break-before:always}






#sucursal
{
width:320px; 
 height:29px;
 margin-left:10px;
 margin-top:9px;
 float:left;
 font-size:16px;
 font-weight:bold;
}

#nocliente
{
width:320px; 
 height:29px;
 margin-left:10px;
 margin-top:9px;
 float:left;
  text-align:right;
   font-size:16px;
 font-weight:bold;
}

.cuadro12
{
 width:621px; 
 height:10px;
 float:left;
 font-size:10px;
 font-weight:bold;
 margin-top:5px;
 margin-left:10px;
 padding-bottom:4px;
}

.cuadro13
{
 width:621px; 
 height:60px;
 float:left;
 font-size:9px;
 font-weight:bold;
 margin-top:5px;
 margin-left:10px;
 padding-bottom:4px;
}


.cuadro14
{
 width:621px; 
 height:15px;
 float:left;
 font-size:9px;
 font-weight:bold;
 margin-top:5px;
 margin-left:10px;
 padding-bottom:4px;
}


#cuadrotex
{
 float:left;
}

.radio1
{
width:40px;
height:20px;
float:left;
padding:1px;
 
}


#radio12
{
 float:left;
 margin-top:5px;
}

#radio13
{
 float:left;
}






 #hoja2
{
width:660px; 
float:left;
margin-bottom:50px;page-break-before:always;
 }
 
  .cuah2
{
width:631px; 
 float:left;
 margin-left:13px;
 border-left:solid 2px #000000;
  border-right:solid 2px #000000;
   border-top:solid 2px #000000;
   border-bottom:solid 1px #000000;
 }


  .cuah21
{
width:279px;
height:22px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }

  .cuah22
{
width:218px;
height:22px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }
 
 
  .cuah21c
{
width:279px;
height:10px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }

  .cuah22c
{
width:218px;
height:10px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }


  .cuah23
{
width:131px;
height:22px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }
 
   .cuah232
{
width:132px;
height:22px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }
 
   .cuah23c
{
width:131px;
height:10px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }
 
   .cuah232c
{
width:132px;
height:10px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }


  .cuah24
{
width:100px;
height:22px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }
 
   .cuah25
{
width:296px;
height:22px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 text-align:center;
 }


   .cuah252
{
width:96px;
height:8px;
 float:left;
  font-size:7px;
 font-weight:bold;
 padding-bottom:4px;
 text-align:left;
 padding-top:2px;
 padding-left:1px;
 }

   .cuah26
{
width:498px;
height:22px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }
 
    .cuah27
{
width:182px;
height:22px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }
 
     .cuah27c
{
width:182px;
height:10px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }
 
     .cuah28
{
width:126px;
height:22px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }


     .cuah29
{
width:60px;
height:22px;
 float:left;
  font-size:9px;
 font-weight:bold;
 text-align:center;
 padding-bottom:4px;
 }


     .cuah28c
{
width:126px;
height:10px;
 float:left;
  font-size:9px;
 font-weight:bold;
 padding-bottom:4px;
 }


     .cuah29c
{
width:60px;
height:10px;
 float:left;
  font-size:9px;
 font-weight:bold;
 text-align:center;
 padding-bottom:4px;
 }


     .imgh2
{
float:left;
  }
  
       .imgh2t50
{
float:left;
margin-top:5px;
  }
  




 #hoja3
{
width:618px; 
 float:left;
 margin-left:21px;
 margin-top:35px;
 }
 

.texxup
{
font-size:13px;
height:25px;
}

.texxforma
{
font-size:10px;
height:10px;
}

.texx2
{
font-size:11px;
height:35px;
}

.texx3
{
font-size:9px;
height:7px;
}

.texxb
{
font-size:12px;
font-weight:bold;
text-align:center;
}



 #instr
{
width:660px;
float:left;
margin-left:121px;
margin-bottom:20px;
color:#666666;
font-size:14px;
font-weight:bold;
 }
 
  #instrojo
{
color:#98000A;
font-size:16px;
font-weight:bold;
 }
 
 /* dropmenu */
 
#jsddm
{
position:relative;
z-index:100;}

#jsddm li
{ float: right;
list-style: none;
}

#jsddm li a
{ display: block;
text-decoration: none;
white-space: nowrap}

#jsddm li a:hover
{ text-decoration:none;}

#jsddm li ul
{
position: absolute;
visibility: hidden;
margin-top:70px;
float:left;
}

#jsddm li ul li
{ float: none;
display: inline;
font-size:14px;}

#jsddm li ul li a
{ width: auto;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
color: #ffffff;
text-align:left;
	background:url(../img/grisop.png);
	background-repeat:repeat;}

#jsddm li ul li a:hover
{background: #fa3f1d;
color:#ffffff;
text-align:left;}