/*-CSS estructural para web browser normal-----------------*/
/*-NO PROGRAMAR LOOK&FEEL AQUI-----------------*/


/*-General-----------------------------------------------*/

html {
	 }

body   {

	text-align: left;
	margin: 0 0 0 0px;     
	padding: 0;
	 }
	 
body#phplist{
margin:24px 0 0 0}	 
	
form {
	display:inline;
	margin:0px;
	padding:0px }

a img {
	border:none;
	margin:0px;
	padding:0px }

h1, h2, h3, h4, h5, h6, p, div, li, ul, br, ul.dnor, img{
	margin:0px;
	padding:0px }

	
.componentheading {
	 }

.right {
	float:right }

.left{
	float:left }	



/*-Main Layout-------------------------------------------*/

.holder{
width: 970px !important;
width: 980px ;
left: 50%;
position: relative;
margin-left:-485px !important;
margin-left:-490px;
margin-top:24px;}

.contentholder{
position: relative;
width: 829px !important;
width: 829px;
float: left;
margin: 0 12px 0 0;
text-align: left}

.header{
width: 726px;
height: 64px;

}

.topmodule{
width: 726px !important;
width: 727px ;
height: 278px;
position: relative;
z-index: 100
}


.col1{
width: 96px;
margin: 0 12px 0 0;
float: left
}


.col2{
width: 204px;
float: left
}

.col2half {
width: 289px;
float: left
}


.col3{
width: 312px;
float: left
}

.col5andhalf .col3{
	margin-left:12px
	}

.col4{
width: 420px;
margin: 0 12px 0 0;
float: left
}

.col5{
width: 528px;
margin: 0 12px 0 0;
float: left
}
.col5andhalf{
width: 583px;
margin: 0 12px 0 54px;
float: left
}

.col6 {
width: 636px;
margin: 0 12px 0 0;
float: left;
}




.moduletable_col3{
padding: 0 0 20px 0;
margin: 0 0 12px 0
 
 }



.col6 .col2 img{
margin-bottom:12px
}



.footer{
width: 726px;
text-align: right;
margin-bottom: 64px;
border-top: 1px #666 solid
}
#contact .lftbox {
	float: left;
	border: 1px solid #ededed;
	background-color: white;
	width: 163px;
	width: 166px !important;
	height: 260px;
	margin: 0;
	padding: 4px 0 0 10px }
	
#contact .rghtbox {
	float: right;
	background-color: #f7f7f7;
	border: 1px solid #ededed;
	border-left: none;
	width: 270px;
	height: 260px;
	margin: 0 0 24px 0;
	padding: 4px 0 24px 12px }
	
	#contact .rghtbox .inputbox {
	background-color: white;
	width: 260px }
	
#contentpage {}

#mainmenu{
position: relative;
}

#poweredBy{
position:absolute;
top:418px;
left:-9px;
}


/*-BOX MODEL FLOAT FIX  http://www.positioniseverything.net/easyclearing.html-------------------------------------------*/



/* Hides from IE-mac \*/
* html .moduletable_col3 {height: 1%;}
* html .col2 {height: 1%;}
* html .col4 {height: 1%;}
* html #mmimagecol {height: 1%;}
* html #maincontent {height: 1%;}
* html .col2half {height: 1%;}
* html #logo {height: 1%;}



.moduletable_col3 {display: block;}
.col2 {display: block;}
.col2 img {float: none;margin-right:-3px ;}


/* End hide from IE-mac */

/*-Página principal-------------------------------------------*/

#mmimagecol{
margin:29px 0 0 0 ;
float:right
}

#mmimage{
height:280px;
position:relative
}
#phototag{
position: absolute;
top:198px;
left:-64px;
width:133px;
height:66px;
background-image: url(../images/calcomania.png);
 background-repeat: no-repeat;
 z-index: 100;
}

#picturemask{
position: absolute;
top:0;
left:0;
width:312px;
height:234px;
background-image: url(../images/mainimagecorner.gif);
 background-repeat: no-repeat;
 z-index: 90;
}


#mmproddescr{
margin:0 0 0 -12px}

/*-pagina de contenido----------*/

#maincontent{
margin:48px 0 0 0 ;
}

#maincontent p{
	  margin: 0 0 4px 0
}

/*-Resaltado magenta en primera página------------------------------------------*/

#resaltado {visibility: visible;
position: absolute;
display: block;
top: 8px; left: 450px;
}



/*-top Layout-------------------------------------------*/

#mainpage #logo{
height:125px;
margin:0 0 88px 0;
border: none }

#contentpage #logo {
position: absolute;
left:648px;
border:none;
height:150px;
z-index:200
	}

/*-design-------------------------------------------*/


#mainpage,  #contentpage {
 background-color:#bbbbaa;
 background-image: url(../images/bckgrd.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}

.contentholder{
	position:relative;
	height: 550px;
 background-image: url(../images/backgroundtag.gif);
 background-repeat: no-repeat;
 background-position: 72px top;
 }

a{
text-decoration: none}

a:hover{
 color: #ff6600;
}

a:link, a:visited {
 /*color: #039;*/
 color: #669;
}

h1,h3, .moduletable_col3 .rssTitle, div.blog_more div, .componentheading, .componentheading_ {
font-family: sans-serif, Verdana, Geneva, Arial, Helvetica, SunSans-Regular;
 text-transform: uppercase;
 padding: 0 0 0 8px;
 margin: 0 0 3px 
}
.contentintro h3{
font-family: Helvetica, Arial, Sans-serif;
font-size: 14px;
font-weight: bold;
margin: 24px 0 4px 0;
}

h1, .componentheading { 
 font-size: 14px;
 color: black;
font-weight: bold
 }
 
  .BlogOutput h3, .col6 h3, .blog_more div, .componentheading_{
font-size: 11px;
 color: #039;
font-weight: bold
}




.topmodule{
border-right: 1px #fff solid
}

a.contentpagetitle:link, a.contentpagetitle:visited {
 color: #039;
}

a.contentpagetitle:hover {
 color: #ff6600;
}
 
 
table{
margin-bottom: 6px}
 
p, ul, table{ font-family: Verdana, Arial, san-serif;
 font-size: 11px;
  color: black;
  padding: 0 0 0 8px;
  list-style-type: none;
  list-style-image: none; }
  
  table{margin: 12px 0 24px 0}
 

.contentpaneopen p, .contentintro p{
line-height: 14px;
margin: 0 0 8px 0
}
 
.createdate, .readon , .author{
 font-family: Arial;
 font-size: 9px;
 margin-bottom: 12px;
 letter-spacing: 1px;
 padding: 0 0 0 8px;

 }
 
  .author{
margin-bottom: 4px;
color: #666
}
  
 .createdate{
  color: #999;
 }
 
 .readon{
 margin: 0 0 32px 0

 }
 
.col2 .readon{
 margin: 0 0 0px 0

}
 
 .readon a:link,  .readon a:visited {
 color: #ff6600;
 }

 .moduletable_col3{
border-bottom: 1px solid #ccc 
 }
 

 
 .moduletable_col3 p, .moduletable_col3 li, .col2 li{
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 font-size: 11px;
 line-height: 13px;
 }
 
  .moduletable_col3 p{
  margin-bottom: 4px}
  
   .moduletable_col3 p em{
 color: #ed9016;
}
  

  .footer{
border-top: 1px #ccc solid
}

  .mosimage_caption{
 font-family: Arial, san-serif;
 font-size: 10px;
 color: #666;
 margin: 0 0 12px 0;
 }
 
 .small{
 font-family: Arial, san-serif;
 font-size: 9px;
 color: #999;
 }
 
 .small a:link,.small a:visited{
 color: #999
 }
 .moduletable_col3 h3, .moduletable_col3 .rssTitle, .sectiontableheader{
 font-size: 10px;
 color: #669;
 background-position: left top;
 }
 


.topmodule p,
#mainpage .topmodule .floatingintro h3,
.contentpaneopen .floatingintro h3,
.contentpaneopen .floatingintro p
{
padding: 0 12px 0 20px;
background-position: 12px 3px;
}

#contentpage .contentpaneopen .floatingintro p{
 font-size: 10px;
}



.topmodule  h3{
padding:0 0 0 8px;
/*color: #ed9016;*/
 color: #039;
font-size: 11px;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
 background-image: url(../images/title_bkgr.gif);
 background-repeat: no-repeat;
 background-position: left 2px;
 text-transform: uppercase;
 margin: 0 0 3px 
}

h4, h5 {
font-family: sans-serif, Tahoma, "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular;
background: none;
padding:0 0 0 8px;
margin: 12px 0 24px 0;
color: #ed9016;
font-size: 12px;
text-transform: none;
}


.col2 h4 {
margin: -12px 0 12px 0;

}

#mainpage .contentpaneopen .floatingintro p{
padding:0 0 0 8px;

}

#mainpage .topmodule .contentpaneopen .floatingintro p{
padding:0 12px 0 20px;
font-size: 10px;

}

.pagetitle{
background-image: url(../images/mainpage_tit.gif);
 background-repeat: no-repeat;
 background-position: left top;
}

.pagetitle h2 span{ visibility: hidden; }


#contentpage .col6 p{
text-align: align-left
}

#contentpage .col6 .col3 p{
text-align: left
}


/*----Module design---*/

ul.latestnews_col3, .blog_more ul, #mainlevel_col3, .col2 ul{
margin-top:12px

}


/*li.latestnews_col3, .blog_more li, #mainlevel_col3 li, .col2 li
{
	margin-bottom: 4px;
	padding-left:12px;
	display: block;
	background-image: url(http://www.hyundai-motor.com.ve/cms/templates/hynd_8x6_main/images/arrow_navleft_on.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}*/

/*--PHPList subscription design    -*/

.required{
 color: #039;

}

font.required{
margin: 0 0 0 8px}

/*--- Tooltipdesign ----*/
.tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	margin: 0;
	color: white;
	padding: 6px 6px 0px;
	background: url(../images/bubble.png) top left;
	font-family: "Franklin Gothic Medium", "Arial Narrow","Trebuchet MS", sans-serif;
	text-transform: uppercase;
}
 
.tip-text {
	font-size: 11px;
	line-height: 12px;
	padding: 6px 6px 6px;
	background: url(../images/bubble.png) bottom right;
	font-family: "Trebuchet MS", sans-serif;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
	font-family: "Trebuchet MS", sans-serif;
	text-transform: uppercase;


}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
	font-family: "Trebuchet MS", sans-serif;
	text-transform: uppercase;

}

/* windoo  */


.windoo-body {
color:black;
	text-align:center;
}

/*.windoo-body .img-view {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
display:block;
overflow:auto;
	;	width:95%;
height:295px;
margin:5px auto 10px;
	text-align:center;
}*/

.windoo-body textarea {
display:block;
width:90%;
margin:0 auto;
height:80px
}


.windoo-body #resultados ul li span {
	font-weight: bold;
}

.preview {
display:block;
border:solid #555 1px;
	border-left:0;
	border-right:0;
padding:.5em;
}
.preview h3 {
margin:0;
}

#mmimage.ajax-loading {
background: url(http://si-sms.dyndns.org/cms/images/spinner2.gif) no-repeat center;
}

#mostrar {
position:absolute;
width:100px;
height:40px;
	z-index:1;
left: 7px;
top: 5px;
}



#detalles {
position:absolute;
width:154px;
height:303px;
	z-index:5;
left: 556px;
top: 15px;
}

.windoo-212-yellow .windoo-body p.small{
color: black;
font-size: 10px;
margin:0 0 4px 0;
}

.windoo-body h4, .windoo-body h5{
margin: 8px 0 4px 0;
color: black;
font-size: 14px
}

.windoo-body h5{
font-size: 12px;
}

.windoo-212-yellow li{
color:black}

/*- si-sms design -------------------------------------------*/


#leftnav #date {
	font-family: sans-serif,"Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

#leftnav #othermenu{
margin: 24px 0 0 0
}
#leftnav ul.menu,
#leftnav #othermenu ul#othermenu_level0 {
	width: 96px;
	margin: 24px 0 0 0;
	padding: 0;
	border-bottom: 1px solid black;
}

#leftnav ul.menu li,
#leftnav #othermenu ul#othermenu_level0 li{
	margin: 0;
	padding: 0 0px 0 0 !important;
		padding: 0 0px 0 0;
	border-top: 1px solid black;
	text-align: right;
}

#leftnav  ul.menu li a,
#leftnav #othermenu ul#othermenu_level0 li a {
	width: 96px;
	color: #444;
	margin: 0;
	padding: 1px 0 0 0;
	font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
}

#leftnav ul.menu li a:hover,
#leftnav ul.menu li.current a,
#leftnav #othermenu ul#othermenu_level0 li.current a,
#leftnav #othermenu ul#othermenu_level0 li a:hover {
	width: 96px;
	color: black;
	margin: 0;
	padding: 1px 0 0 0 !important;
		padding: 1px 0 0 0;
	text-decoration: none;
	display: block;
}

#leftnav ul.menu li a:hover,
#leftnav #othermenu ul#othermenu_level0 li a:hover {
	background-color: #998;
}
#leftnav ul.menu li.current a,
#leftnav #othermenu ul#othermenu_level0 li.current a {
	background-color: #faf800;
}


#advertising {
	margin-top: 36px;
}

#advertising .banner {
	width: 120px;
	height: 220px;
	margin: 10px 0;
	background-color: #998;
	border: 1px solid #887;
	text-align: center;
}


/* 212 pav pages header design */

.mainheader {
    background: transparent url(../images/calc_rll_bkg.png) no-repeat scroll left top;
}

.whatispav {
background-image: url(../images/calc_rll_bkg.png);
padding-top: 107px;
}


/****boton formulario****/

.span-4 a.button {
width:134px;
}

a.button:hover {
background-color:#FFD53E;
border:1px solid #CCAA2F;
color:#7F756B;
text-decoration: underline;
}

a.button, button{
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-bottom-left-radius: 3px 3px;
-webkit-border-bottom-right-radius: 3px 3px;
-webkit-border-top-left-radius: 3px 3px;
-webkit-border-top-right-radius: 3px 3px;
background-color:#E3E1D5;
border-color:#CCC9BF #7F756B #7F756B #CCC9BF;
border-style:solid;
border-width:1px;
color:#423B35;
cursor:pointer;
display:block;
float:left;
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-size:100%;
font-weight:bold;
line-height:130%;
margin:0.7em 0.5em 0.7em 0;
padding:5px 10px 5px 7px;
text-decoration:none;
}

label.col1 {
font-family: sans-serif,"Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-align: right;	
}

.formline{
margin:8px 0 0 0
}

.formline input, .formline textarea{
width: 268px
}

.formline textarea{
height:96px;
}
.contentintro {
    height: 720px;
}