/* CSS Document */


html, body {
    height: 100%;
	background:#f4f4ec;
text-align:center;
margin:0;
}
#contenedor{
min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0  ;
background:#f4f4ec;
text-align:left;
width:100%;
}
#h1{
margin: 0;
text-align:left;
width:100%;
height:60px;
background-image:url(../h1.png);
}
#h1top{
	margin: 0 auto;
	text-align:left;
	width:960px;
	padding:10px;
	position: relative;
}
#h2{
margin: 0;
text-align:center;
width:100%;
background:#f4f4ec url(../h2.png) repeat-x;
height:300px;
}
#h2top{
	text-align:left;
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 300px;
}
#h2topleft{

float:left;
text-align:left;
width:380px;
padding-top:32px;
margin: 0;
}
#h2topright{

float:left;
text-align:left;
width:400px;
padding-top:60px;
}
#h2topright p{color:#263956;
	font-family:Verdana;
	font-size:8pt;
	font-weight: normal;
}
#contentbox{
	text-align:left;
	width:100%;
	background:#f4f4ec;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0;
}
#contentboxvontent{
	text-align:left;
	width:940px;
	padding:10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}
#foot{margin:0;
float:left;
text-align:left;
width:100%;

}
#footcontent{

	text-align:left;
	width:940px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom:15px;
	padding-right: 10px;
	background:#ccc url(../foot.png);
	padding-left: 10px;
	text-align:right;
}
h3 {
	color:#263956;
	font-family:Verdana;
	font-size:11pt;
	font-weight: normal;
}
h4 {
	color:#263956;
	font-family:Verdana;
	font-size:11pt;
	font-weight: bold;
}
#h2topright a:link {
	color: #FF6038;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF6038;
}
a:hover {
	text-decoration: none;
	color: #FF6038;
}
a:active {
	text-decoration: none;
	color: #FF6038;
}
p {color:#263956;
	font-family:Verdana;
	font-size:8pt;
	font-weight: normal;}
	#footcontent p {color:#efefef;
	font-family:Verdana;
	font-size:8pt;
	font-weight: normal;}
	
	.category {
	
	
}
.categoryL {
	float:left;
	width:380px;
	margin-top: 0;
	margin-bottom: 0;
}
.categoryBanner {
	float:left;
	width:380px;
	padding-bottom:10px;
	
}
.categoryR {
	float:right;
	width:540px;
	
}
a.button {
width: 240px;
height: 30px;
float:left;
}
img{border:none;}
/***contact***/
#h2contact{
margin: 0;
text-align:center;
width:100%;
background:#f4f4ec url(../h2.png) repeat-x;
height:130px;
}
#h2topcontact{
	text-align:left;
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 110px;
}
#h2topleftcontact{

float:left;
text-align:left;
width:380px;
padding-top:10px;
margin: 0;
}
#h2toprightcontact{

float:right;
text-align:left;
width:400px;
}
#h2toprightcontact p{color:#263956;
	font-family:Verdana;
	font-size:8pt;
	font-weight: normal;
}
/***clientes***/
.Clients{width:780px;height:403px;position:relative; }
.frame{float:left; width:140px; height:140px; padding:7px;border:1px #ececec solid; background-color:#DCDDDF;}
h1#pemex a, p#pemex a {width: 140px;height: 140px;display: block;top:-21px;left:0px;
position:relative;z-index: 100;background-image:url(../images/pemex-active.jpg);background-repeat: no-repeat;background-position: 0 0;}
h1#pemex a:hover, p#pemex a:hover {background-image:url(../images/pemex.jpg);}
p#pemex a span {display: none; }
h1#cruz a, p#cruz a {width: 140px;height: 140px;display: block;top:-21px;left:0px;
position:relative;z-index: 100;background-image:url(../images/cruzroja-active.jpg);background-repeat: no-repeat;background-position: 0 0;}
h1#cruz a:hover, p#pemex a:hover {background-image:url(../images/cruzroja.jpg);}
p#cruz a span {display: none; }
h1#crys a, p#crys a {width: 140px;height: 140px;display: block;top:-21px;left:0px;
position:relative;z-index: 100;background-image:url(../images/crys-active.jpg);background-repeat: no-repeat;background-position: 0 0;}
h1#crys a:hover, p#crys a:hover {background-image:url(../images/crys.jpg);}
p#crys a span {display: none; }
h1#dif a, p#dif a {width: 140px;height: 140px;display: block;top:-21px;left:0px;
position:relative;z-index: 100;background-image:url(../images/dif-active.jpg);background-repeat: no-repeat;background-position: 0 0;}
h1#dif a:hover, p#pemex a:hover {background-image:url(../images/dif.jpg);}
p#dif a span {display: none; }
h1#gm a, p#gm a {width: 140px;height: 140px;display: block;top:-21px;left:0px;
position:relative;z-index: 100;background-image:url(../images/gm-active.jpg);background-repeat: no-repeat;background-position: 0 0;}
h1#gm a:hover, p#gm a:hover {background-image:url(../images/gm.jpg);}
p#gm a span {display: none; }
h1#jal a, p#jal a {width: 140px;height: 140px;display: block;top:-21px;left:0px;
position:relative;z-index: 100;background-image:url(../images/jal-active.jpg);background-repeat: no-repeat;background-position: 0 0;}
h1#jal a:hover, p#jal a:hover {background-image:url(../images/jal.jpg);}
p#jal a span {display: none; }
h1#medimov a, p#medimov a {width: 140px;height: 140px;display: block;top:-21px;left:0px;
position:relative;z-index: 100;background-image:url(../images/medimov-active.jpg);background-repeat: no-repeat;background-position: 0 0;}
h1#medimov a:hover, p#medimov a:hover {background-image:url(../images/medimov.jpg);}
p#medimov a span {display: none; }
h1#perinato a, p#perinato a {width: 140px;height: 140px;display: block;top:-21px;left:0px;
position:relative;z-index: 100;background-image:url(../images/perinato-active.jpg);background-repeat: no-repeat;background-position: 0 0;}
h1#perinato a:hover, p#perinato a:hover {background-image:url(../images/perinato.jpg);}
p#perinato a span {display: none; }
h1#secsalud a, p#secsalud a {width: 140px;height: 140px;display: block;top:-21px;left:0px;
position:relative;z-index: 100;background-image:url(../images/secsalud-active.jpg);background-repeat: no-repeat;background-position: 0 0;}
h1#secsalud a:hover, p#secsalud a:hover {background-image:url(../images/secsalud.jpg);}
p#secsalud a span {display: none; }
h1#semar a, p#semar a {width: 140px;height: 140px;display: block;top:-21px;left:0px;
position:relative;z-index: 100;background-image:url(../images/semar-active.jpg);background-repeat: no-repeat;background-position: 0 0;}
h1#semar a:hover, p#semar a:hover {background-image:url(../images/semar.jpg);}
p#semar a span {display: none; }