html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}*{outline:none;}

input, textarea {padding:2px; vertical-align:middle; font-size:92%;}
h2{font-size:123.1%;} h3{font-size:116%;}

/* font */

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; background:url(../../img/backgroundTile.png);}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
.centro {text-align:center;}


/* estructura */

#all {width:995px; margin:auto;}
#head { height:107px;}
#cont {	padding:23px 0 48px;}
.col2 {
	margin-left: 681px;
	margin-bottom: 15px;
}
.col3 {	float: left;width: 656px;}
#foot { border-top:1px solid #e5e5e5; padding:12px 0 0; margin:0!important;}

/* generales */

.clear {clear:both;}
.le, h1,#head li, #menu li, .col5 {float:left;}
.ri, .col1 a.btn {float:right;}
a {color:#7aa326;}
a:hover {text-decoration:none;}
#menu a, h2,h3,h4,h5,h6,strong, .boxact {font-weight:bold;}
.gris {color:#a0a0a0;}
p, #foot { font:85%/138.5% Arial, Helvetica, sans-serif; color:#666; margin:.3em 0 .8em;}
.der {text-align:right;}
.margen, .text, .col4 {margin-bottom:15px; color:#666;}
.col1.margen {margin-bottom:15px;}
.mg0, #head .clear label.mg0 {margin:0;}

/* especificos */

#head img {	margin:32px 0 0 14px;}
#head .ri { width:329px;}
#head .ri a {
	display:block;
	padding:11px 13px 5px;
	margin-bottom: 15px;
	background-image: url(../img/li.gif);
	background-repeat: no-repeat;
	background-position: 3px 17px;
}
#head ul {
	height:51px;
	overflow:hidden;
}
#head .clear {
	padding: 7px 0 0 0;
	font-size: 85%;
}
#head .clear label {
	margin-right:18px;
}
#menu { margin-top:10px;
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 39px;
	padding:0 11px;
}
#menu a {
	display:block;
	padding:0 12px;
	line-height:37px;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	font-family:"Segoe UI", Arial, sans-serif;
}
#menu a:hover, #menu .lihover a {
	background-color:#84aa28;
	background-image: url(../img/bgover.gif);
}
#menu .ri a {color:#f7ffa1;}
.col1 h3, #visor h2 {
	background-color:#dadada;
	background-image: url(../img/esq314.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding:6px 12px 0;
	line-height:28px;
	color:#8e8e8e;
	text-shadow: #eee 1px 1px 0;
	border-bottom: 1px solid #d6d6d6;
}


#menu ul ul {
	position:absolute;
	background-color:#6b9e01;
	z-index:999;
	margin-top: -1px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width:420px;
	_width:430px;
	padding:7px 5px 14px;
	background-image: url(../img/bgsubmenu.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	display: none;
}
#menu .lihover li, #menu li li { background-image:none; width:200px!important; border-bottom: 1px solid #7aa81b; margin:0 5px!important;}
#menu .lihover li a, #menu ul ul li a {
	display:block;
	line-height: 24px!important;
	border-bottom: 1px solid #659501;
	margin-top:-1px;
	position:relative;
	z-index:1000;
	*height:24px;
	padding:0 3px 2px!important;
	background-image:none;
	background-color:transparent;
} 
#menu .lihover li a:hover {
	background-color:#659501;
	background-image:none;
}
#menu a.desple {
	background-image: url(../img/desple.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right:25px;
}
#menu a.desple:hover, #menu .lihover .desple {	background-position: right bottom;}
.mensaje_info {	background-image: url(../img/iconinfo.gif); padding-left:48px; }
.menuinterno { float:right; margin:0 0 0 5px; width:130px;}
.menuinterno a { line-height:16px; text-decoration:none;}
.menuinterno ul {display:none; }
.lihover ul {
	position:absolute;
	background-color:#73a70a;
	padding:8px 0;
	display:block;
	width:260px;
	background-image: url(../img/desplegableul.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}
.menuinterno ul a {color:#fff; display:block; padding:2px 4px;}
.menuinterno ul a:hover {background-color:#6b9e01; }
.menuinterno ul li {border-bottom:1px solid #6b9e01; margin:0 5px; float:left; width:120px;}
.linegris {font-size:92%; line-height:18px;}
.linegris .ri {font-size:92%;}
.linegris .ri .ri {font-size:100%;}
.selectmenu {
	display:block;
	padding:0;
	line-height:18px;
	background-image: url(../img/desplegable.gif);
	background-position: 0px 0px;
	color:#999;
}
.selectmenu span {display:block; height:18px; background-image: url(../img/desplegable.gif);
	background-position: right 0px; margin-left:8px;}
.lihover .selectmenu {
	background-position: 0px bottom;
	color:#fff;
	text-shadow: #69970b 1px 1px 0;
}





.list {margin:5px 0 15px 0;}
.cajaborde .list {margin:0; padding:0; border-bottom:1px dotted #ccc; }
.cajaborde .list li {margin:5px 4px 4px 4px; font-size:110%; padding:4px 4px 1px 18px; border-top:1px dotted #ccc; background-position: 5px 8px;}
#head ul #logeado a { display:block; background-image:none; padding:0;}
#head ul #logeado { display:block; float:left; margin-top:10px; margin-right:25px; font-size:11px; color:#a0a0a0; height:34px; overflow:hidden;}
#head ul #logeado img {float:left; margin:-2px 10px 0 0; width:34px; height:auto;}
.loader {background-image: url(../img/loader.gif); background-repeat:no-repeat; background-position:center center; background-color:#fff;}
.btn_accion { height:35px;}
td.btn_accion {height:auto;}
.btn_accion a, .borrar, .visorclose, .visoropen, #visor .editar, #ocultarbox, #ocultarbox2 {
	display:block;
	width:34px;
	height:22px;
	text-indent: -9999em;
	background-image: url(../img/btnsaccion.png);
	background-repeat: no-repeat;
	float:left;
	margin-right:1px;
}




#head ul.ri {
	overflow:auto;
	height:auto;
	width:98px;
}
#head ul.ri li { float:none; display:inline;}
#head ul.ri li a {float:left; padding:5px 8px 6px 8px; margin:0; background-image:none;}
#head ul.ri li a:hover {background-image:url(../img/idiomaHover.gif); background-position:0px 0px;}
#head ul.ri a.sel, #head ul.ri a.sel:hover {background-image:url(../img/idiomaSel.gif); background-position:0px 0px;}
#head ul.ri a img {margin:0; padding:0;}
#icerik{ width:1010px; height:auto;  }
/*------- Anasayfa animasyon --------------------*/
#icerik #animation{  margin-top:5px;}
.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 995px; /*Width of Carousel Viewer itself*/
height: 283px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 995px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*------- Anasayfa animasyon END--------------------*/


/*------- Anasayfa  START--------------------*/
#cizgiler{ width:995px; height:14px; background-repeat:no-repeat}
#nedencagrimerkezi{ width:331px; height:300px; margin-top:15px; float:left}
.nedencagrimerkeziust{ width:265px; height:23px; background:url(../../img/main-altbar.jpg); text-align:right; padding-right:60px; padding-top:7px;}
#nedencagrimerkezi  a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; }
#nedencagrimerkezi a:hover{ color:#003399; text-decoration:underline;}
#mytelekomkimdir{ width:331px; height:300px; margin-top:15px; float:left; margin-left:5px;}
.mytelekomkimdirust{ width:265px; height:23px; background:url(../../img/mytelekomkimdir.jpg); text-align:right; padding-right:60px; padding-top:7px;}
#mytelekomkimdir  a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; }
#mytelekomkimdir a:hover{ color:#003399; text-decoration:underline;}
#referanslarimiz{ width:331px; height:300px; margin-top:15px; float:left;margin-left:5px;}
.referasnlarimizust{ width:265px; height:23px; background:url(../../img/referanslarimiz.jpg); text-align:right; padding-right:60px; padding-top:7px;}
#referanslarimiz  a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; }
#referanslarimiz a:hover{ color:#003399; text-decoration:underline;}
#footer{ width:1000px; height:60px; float:left }
#footerhizmetlerimiz{ width:1000px; height:60px; float:left; margin-top:550px; }
.footercizgi{ width:1000px; height:1px; background:#CCCCCC;}
#footer ul li{ float:left;}
#footer ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-decoration:none;}
#footer ul li a:hover{color:#003399; text-decoration:underline;}
.reklam{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-decoration:none;text-align:right}
#footerhizmetlerimiz ul li{ float:left;}
#footerhizmetlerimiz ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-decoration:none;}
#footerhizmetlerimiz ul li a:hover{color:#003399; text-decoration:underline;}
.reklam{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-decoration:none;text-align:right}
/*------- Anasayfa  END--------------------*/

/*------- MYTELEKOMKIMDIR  START--------------------*/
#mytelekomhakkinda{ width:1000px; height:300px; margin-top:15px; float:left; margin-left:-5px;}
.mytelekomhakkinda{ width:994px; height:25px; background:url(../../images/imghit.jpg); float:left; padding-left:6px; padding-top:5px;}
/*------- MYTELEKOMKIMDIR  END--------------------*/

/*------- REFERANSLARIMIZ  START--------------------*/
.referans{ width:200px; height:110px; background:#CCCCCC; margin-left:2px;}
.referans:hover{ background:#DDEEFF; cursor:pointer;}
.referans img{ margin-top:5px; }
/*------- REFERANSLARIMIZ  START--------------------*/
#mytelekominsan{ width:1000px; height:300px; margin-top:15px; float:left; margin-left:-5px;}
.mytelekominsan{ width:994px; height:25px; background:url(../../images/imghit.jpg); float:left; padding-left:6px; padding-top:5px;}